博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
scroll滚动条
阅读量:6279 次
发布时间:2019-06-22

本文共 923 字,大约阅读时间需要 3 分钟。

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

你可能感兴趣的文章
常用链接
查看>>
pitfall override private method
查看>>
!important 和 * ----hack
查看>>
聊天界面图文混排
查看>>
控件的拖动
查看>>
svn eclipse unable to load default svn client的解决办法
查看>>
Android.mk 文件语法详解
查看>>
QT liunx 工具下载
查看>>
内核源码树
查看>>
Java 5 特性 Instrumentation 实践
查看>>
AppScan使用
查看>>
Java NIO框架Netty教程(三) 字符串消息收发(转)
查看>>
Ucenter 会员同步登录通讯原理
查看>>
php--------获取当前时间、时间戳
查看>>
Spring MVC中文文档翻译发布
查看>>
docker centos环境部署tomcat
查看>>
JavaScript 基础(九): 条件 语句
查看>>
Linux系统固定IP配置
查看>>
配置Quartz
查看>>
Linux 线程实现机制分析
查看>>