nnpc.net
当前位置:首页 >> jquEry 滚动条事件 >>

jquEry 滚动条事件

$(window).scroll(function(){ var f_top = window.pageYOffset || document.documentElement.scrollTop || 0;if (f_top>0) {//当滚动条大小0时.} else {//当滚动条回到原点时.} });

var wh=$(window).height();<br>$(window).scroll(function(){<br>var s=wh-$(window).scrollTop();<br>if(s&lt;800){<br>alert(&quot;小于800了&quot;)<br>}<br><br>});

scroll事件在滚动条的对象的滚动框被重新定位,或按水平方向或垂直方向滚动时发生 如果要监测你说的变化,要用change事件propertychange

首先理解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop.clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部分的内容.而只是单纯的DIV的高

scrollBottomTest =function(){ $("#contain").scroll(function(){ var $this =$(this), viewH =$(this).height(),//可见高度 contentH =$(this).get(0).scrollHeight,//内容高度 scrollTop =$(this).scrollTop();//滚动高度 //if(contentH - viewH - scrollTop <=

$(document).ready(function(){ $(window).scroll(function() { });})

$(selector).unbind(event,function)如果只规定了参数event, 则会删除绑定到指定事件的所有函数$(selector).bind(event,data,function)event 必需. 规定添加到元素的一个或多个事件. 由空格分隔多个事件. 必须是有效的事件data 可选. 规定传递到函数的额外数据function 必需. 规定当事件发生时运行的函数就是说$(document).unbind('scroll')直接删去了所有jQ绑定的scroll事件$(document).bind('scroll')什麽都没做, 因为参数不够如果想达到禁用效果可以用局部Flag

这篇文章主要介绍了jQuery <br>scroll事件实现监控滚动条分页简单示例,使用ajax加载,同时介绍了(document).height()与$(window).height()的区别,需要的朋友可以参考下<br><br> scroll事件适用于window对象,但也可滚动iframe

$('#div').on('scroll',function(){<br> // div 滚动了<br> alert('滚动了');<br> if ($('#div').scrollTop() >= (1000-200)) {<br> // 滚动到底部了<br> alert('滚动到底部了');<br> }<br>});

网站首页 | 网站地图
All rights reserved Powered by www.nnpc.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com