scroll滚动条

最新推荐文章于 2024-05-25 14:34:39 发布

转载最新推荐文章于 2024-05-25 14:34:39 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/BlingSun/p/7878588.html

文章标签：

#javascript #ViewUI

本文介绍了 jQuery 中 scrollTop() 方法的使用方法，包括如何设置或获取元素的滚动条位置。同时对比了 scrollTop 和 window 对象的 scrollY 属性的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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操作，设置或返回被选元素的滚动值，是方法。

转载于:https://www.cnblogs.com/BlingSun/p/7878588.html