scroll滚动条
Posted 申小贺
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scroll滚动条相关的知识,希望对你有一定的参考价值。
jQuery CSS 操作 - scrollTop() 方法
设置 <div> 元素中滚动条的垂直偏移:
$(".btn1").click(function(){
$("div").scrollLeft(100);
});
定义和用法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。
语法
$(selector).scrollTop(offset)
参数 | 描述 |
---|---|
offset | 可选。规定相对滚动条顶部的偏移,以像素计。 |
提示和注释
注释:该方法对于可见元素和不可见元素均有效。
注释:当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。
注释:当用于设置值时,该方法设置所有匹配元素的 scroll top offset。
$(window).scroll(function(event){ var wScrollY = window.scrollY; // 当前滚动条位置 //console.log("wScrollY:"+wScrollY); var wInnerH = window.innerHeight; // 设备窗口的高度(不会变) //console.log("wInnerH:"+wInnerH); var bScrollH = document.body.scrollHeight; // 滚动条总高度 //console.log("bScrollH:"+bScrollH); var current=wScrollY+wInnerH; if (current+5>bScrollH) { $(".content").append(interText(data)); // load(); } })
scrollY和scrollX是window对象的属性,
scrollTop和scrollLeft是jquery的css操作,设置或返回被选元素的滚动值,是方法。
以上是关于scroll滚动条的主要内容,如果未能解决你的问题,请参考以下文章