JQ滚动条事件
来源:互联网 发布:基金规模 知乎 编辑:程序博客网 时间:2024/05/16 15:55
1、对内容区域滚动条滚动的监听:要放在内容加载的时候
$("#conten").on("scoll",function(){ console.log("滚动了");})
2、获取整个内容区域的滚动高度:
$("#content").get(0).scrollHeight
3、区域可见高度
$("#content").height()
4、当前滚动的地方的窗口顶端到整个内容顶端的距离:
var scollH = $("#content").scrollTop();
5、让滚动条默认在最底下
$('#content').scrollTop( $('#content')[0].scrollHeight );
附上其余获取各种高度的代码
在IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度在FireFox中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度?在Opera中: document.body.clientWidth ==> 可见区域宽度document.body.clientHeight ==> 可见区域高度document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)而如果没有定义W3C的标准,则IE为:document.documentElement.clientWidth ==> 0document.documentElement.clientHeight ==> 0FireFox为:document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)Opera为:document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth(包括边线的宽) 网页可见区域高:document.body.offsetHeight(包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft 网页正文部分上:window.screenTop 网页正文部分左:window.screenLeft 屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用工作区高度:window.screen.availHeight 屏幕可用工作区宽度:window.screen.availWidth
阅读全文
0 0
- JQ滚动条事件
- JQ滚动条
- jq 滚动到底事件
- 滚动条滚动到底部(这里用的是 触摸事件哦 , 而且依赖jq)
- 关于滚动条滚动到指定位置触发jq事件和html锚点
- 网页滚动条滚动事件
- 滚动事件判断滚动条
- 使用JQ来实现浏览器滚动条
- jq判断滚动条到页面底部
- 使用JQ来实现浏览器滚动条
- JQ插件:nicescroll自定义滚动条
- 在JQ上定义滚动条插件
- JQ带滚动效果的导航条
- jquery 滚动条事件
- 滚动条事件
- jquery 滚动条事件
- 监听滚动条事件
- 监听滚动条事件
- FormData的使用
- JS比较日期大小
- FIFO的FPGA实现
- 字节序与网络通信问题
- 专业函数绘图软件(Origin) 7.5 中文版
- JQ滚动条事件
- 在gazebo6上对Pixhawk进行仿真
- 301跳转与URL转发
- Android JNI开发(5)--数据传递
- SRecyclerView
- 二.链表的结构与实现(Java)
- 【转载】Oracle 数据库主从切换整理
- 关键字volatile有什么含意?并给出三个不同的例子
- 简单字符设备驱动程序的操作步骤