js,jq获取滚动条高度及浏览器宽高

***获取滚动条高度***

// 获取 滚动条高度
console.log(window.scrollY);
console.log(window.pageYOffset);
console.log(document.documentElement.scrollTop);  // chrome下document.body.scrollTop值恒为0
console.log($(window).scrollTop());
console.log($("html,body").scrollTop());
console.log($(document).scrollTop());

***浏览器宽度***

// 浏览器窗口可视区 宽度(不包含滚动条)
console.log(document.body.clientWidth);    // document.documentElement
console.log($(document.body).width());    // $(document.documentElement), $("html,body") 和 $(window)都可
console.log(window.innerWidth);  // 包含滚动条!

console.log($(document).width()); // 取当前document的实际width，和 浏览器窗口可视区width(不包含滚动条) 两者中的 最大值！

console.log(window.outerWidth);  // Chrome测试发现：总是比innerWidth 多14px~16px；当浏览器窗口最大化时，两者值相等。

***浏览器高度***

// （貌似）比 整个浏览器窗口高度 小14px~16px !
console.log(window.outerHeight);// 浏览器可视区 高度(不包含滚动条)
console.log(document.documentElement.clientHeight);
console.log($(window).height());
console.log(window.innerHeight); // 包含滚动条!// 取当前document 的实际height
console.log(document.body.clientHeight);
console.log($(document.body).height());  // $(document.documentElement)和 $("html,body")

js,jq获取滚动条高度及浏览器宽高相关推荐

javascript 获取滚动条高度+常用js页面宽度与高度
javascript 获取滚动条高度+常用js页面宽度与高度/ ********************* 取窗口滚动条高度****************** / function getScrol ...
js如何获取滚动条的高度
由于市面上浏览器的种类众多,但是浏览器没有一个通用的方法来获取该值,想做到每个浏览器都兼容还是要下一些功夫的. 目前主流浏览器除IE外对浏览器标准支持都比较好,例如chrome.firefox以及sa ...
dom元素滚动条高度 js_js,jquery 获取滚动条高度和位置, 元素距顶部距离
一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度: $(window).height(); 获取浏览器显示区域的宽度:$(window).width(); 获取页面的文档高度:$(doc ...
js进阶 11-6 jquery如何获取和设置元素的宽高（jquery多方法）
js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法) 一.总结一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...
微信小程序获取滚动条高度_小程序页面获取滚动条高度
没有用过vue等MVVM的框架,直接开始做小程序,没有dom操作真是各种不适应,思维有时都转换不过来想要做的效果是很常见的滚动条超出某个元素时,该元素固定在顶部网上看到的获取滚动条高度及返回顶 ...
原生js——无法获取元素高度的的问题
原生js--无法获取元素高度的的问题今天遇到了xxx.style.width无法获取元素宽度的问题,原来一直没有注意到这个小细节: 1)如果width:150px:是写在 css 样式表(外链式)里 ...
javascript 快速获取图片实际大小的宽高
javascript 快速获取图片实际大小的宽高简陋的获取图片实际宽高的方式 // 图片地址 var img_url = '13643608813441.jpg'// 创建对象 var img = ...
js获取滚动条高度，文档DOM高度，浏览器可视化窗口的高度
//滚动条高度 getScrollTop: function () { var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if ...
js判断当前设备和获取设备、浏览器宽高
/*** 判断当前设备* @returns*/ function currDevice(){//设备信息var u = navigator.userAgent;// appVersion 可返回浏览器 ...

js,jq获取滚动条高度及浏览器宽高

js,jq获取滚动条高度及浏览器宽高相关推荐

最新文章

热门文章

js,jq获取 滚动条高度 及 浏览器宽高

js,jq获取 滚动条高度 及 浏览器宽高相关推荐

最新文章

热门文章

js,jq获取滚动条高度及浏览器宽高

js,jq获取滚动条高度及浏览器宽高相关推荐