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

本文共 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

你可能感兴趣的文章
Unity3D研究院编辑器之不实例化Prefab获取删除更新组件(十五)
查看>>
centos7搭建FTP服务器
查看>>
HDU-4033 Fruit Ninja 几何 二分搜索
查看>>
POJ-1057 FILE MAPPING 恶心模拟
查看>>
SpringMVC 之数据转换和国际化
查看>>
(Struts)ActionForm类及表单数据验证
查看>>
【php】phpExcel使用教程,如何导出excel表格
查看>>
PHP获取二维数组中某一列的值集合
查看>>
draft数据保存
查看>>
python自动化测试(2)-自动化基本技术原理
查看>>
iOS之网络数据下载和JSON解析
查看>>
ios图片剪切
查看>>
点滴积累(持续更新)
查看>>
Linux添加用户user到用户组group
查看>>
Github上传自己的工程
查看>>
mac svn 终端操作命令
查看>>
为什么没有选择sipml5
查看>>
如何利用配置方式配置SMTP发送邮件
查看>>
GYM 101522B. Bacteria Experiment
查看>>
剑指Offer - 平衡二叉树
查看>>