jquery 获取滚动条高度

获取浏览器显示区域的高度 : $(window).height();

获取浏览器显示区域的宽度 :$(window).width();

获取页面的文档高度 :$(document).height();

获取页面的文档宽度 :$(document).width();

获取滚动条到顶部的垂直高度 :$(document).scrollTop();

获取滚动条到左边的垂直宽度 :$(document).scrollLeft();

计算元素位置和偏移量:$(id).offset();

offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

offset(options, results)

options.relativeTo  指定相对计

算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

options.scroll  是否把

滚动条计算在内,默认TRUE

options.padding  是否把padding计算在内,默认false

options.margin

是否把margin计算在内,默认true

options.border  是否把边框计算在内,默认true

子页面控制父页面:

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

时间: 2024-10-07 09:03:49

jquery 获取滚动条高度的相关文章

js,jquery 获取滚动条高度和位置, 元素距顶部距离

一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度: $(window).height();  获取浏览器显示区域的宽度:$(window).width(); 获取页面的文档高度:$(document).height(); 获取页面的文档宽度:$(document).width(); 获取滚动条到顶部的垂直高度:$(document).scrollTop()或$(window).scrollTop() 获取滚动条到左边的垂直宽度:$(document).scrollLeft()或$(

javascript 获取滚动条高度+常用js页面宽度与高度

javascript 获取滚动条高度+常用js页面宽度与高度 js(1)  /******************** * 取窗口滚动条高度  ******************/function getScrollTop(){    var scrollTop=0;    if(document.documentElement&&document.documentElement.scrollTop)    {        scrollTop=document.documentElem

Jquery获取元素高度

第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:1. $("#div_id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)2. $(&qu

小程序页面获取滚动条高度

没有用过vue等MVVM的框架,直接开始做小程序,没有dom操作真是各种不适应,思维有时都转换不过来 想要做的效果是  很常见的滚动条超出某个元素时,该元素固定在顶部 网上看到的获取滚动条高度及返回顶部的代码 onPageScroll:function(e){ // 获取滚动条当前位置 console.log(e) }, goTop: function (e) { // 一键回到顶部 if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 })

jquery ,Javascript 获取滚动条高度和位置, 元素距页头高度

jQuery写法: 获取览器显示区域的高度 : $(window).height();  获取浏览器显示区域的宽度 :$(window).width(); 获取页面的文档高度 :$(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 :$(document).scrollTop()=$(window).scrollTop() 获取滚动条到左边的垂直宽度 :$(document).scrollLeft()=$(wind

javascript 获取滚动条高度+常用js页面宽度与高度(转)

/******************** *获取窗口滚动条高度 ******************/ function getScrollTop() { var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop; } else if(document.body) { scrollTop=d

JS 获取滚动条高度+常用js页面宽度与高度

/******************** * 取窗口滚动条高度  ******************/function getScrollTop(){    var scrollTop=0;    if(document.documentElement&&document.documentElement.scrollTop)    {        scrollTop=document.documentElement.scrollTop;    }    else if(documen

jquery获取窗口高度的方法及判断scroll滚动到底部

$(window).height()     获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height()  获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变 当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop().当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(wi

Jquery 获取各种高度、宽度【整理】

alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width());