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滚动条的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序scroll-view隐藏滚动条方法

滚动条的scroll事件和change事件有啥区别

微信小程序自制scroll-view横向滑动滚动条

在vb中,滚动条的scroll 事件和change 事件的区别,怎样会触发?这两个老是分不清!

scroll和wheel事件

c# winform scroll 滚动条 滚动到底