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

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

jQuery用于滚动条的方法有 scroll(),scrollTop(),scrollLeft();

 

$(window).height();   //获取当前浏览器可视部分的高度,也就说在浏览器窗口改变大小时,这个值也会改变;

$(document).height();  //获取整个页面的高度(包含不可视部分);

 

$(document).scrollTop();   //不带参数,获取当前垂直滚动条位置;带参数就是设置垂直滚动条的位置;

 

判断垂直滚动条是否到达底部:

$(document).scroll(function(){    if($(document).scrollTop()>=$(document).height()-$(window).height()){        alert("到底了");    }});

 

判断垂直滚动条是否到达顶部:

$(document).scroll(function(){    if($(document).scrollTop()==0){        alert("到顶了");    }});

 

设置垂直滚动条位置:

//假设有个id=check的按钮$("#check").click(function(){    $(document).scrollTop(200);});

 

scrollLeft()的用法同scrollTop().

 

然后是非窗口的滚动条控制,直接上代码了;

$(".div1").scroll(function(){    var t=this.scrollTop,  //可滚动的高度    c=this.clientHeight,   //可视高度(其中padding值不算在内)    h=this.scrollHeight;  //实际高度(包括不可视的部分)    if(t+c>=h){        alert("到底了");    }});

关于更多clientHeight属性,请问度娘,上面有很详细的解释,我就不再啰嗦了.

转载于:https://www.cnblogs.com/fu277/archive/2012/07/24/2606073.html

你可能感兴趣的文章
互联网教育,未来当有这10个特质
查看>>
Windows Azure SSTP模式×××配置
查看>>
mysql 添加新用户
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
图像边框 border-image属性
查看>>
了解Parallels中的 Modern.IE 测试环境
查看>>
运维自动化之zabbix (macros)(6)
查看>>
负载均衡基础实践
查看>>
流量监控与端口镜像
查看>>
《Windows服务器配置与管理》 文件共享服务器搭建
查看>>
linux 配置手册(一) Linux 基本网络配置
查看>>
ServletConfig对象和ServletContext对象
查看>>
Kubernetes之路 2 - 利用LXCFS提升容器资源可见性
查看>>
Java源码解读扫盲【集合--HashMap】
查看>>
Linux环境变量
查看>>
浅析克隆
查看>>
EL表达式取List<Map<String, Object>>map的值
查看>>
如何在Java代码中使用SAP云平台CloudFoundry环境的环境变量
查看>>
广州三本找Java实习经历
查看>>