JS滚动条下拉事件

最新推荐文章于 2025-06-17 14:58:29 发布

转载最新推荐文章于 2025-06-17 14:58:29 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xinlinux/p/3977023.html

文章标签：

#javascript #ViewUI




<script type="text/javascript"> 
window.onscroll = function(){ 
    var t = document.documentElement.scrollTop || document.body.scrollTop;  
    var oDiv = document.getElementById( "div" ); 
    if( t >= 300 ) { 　　　　　　　　　　//判断下拉距离
        oDiv.style.display = "inline";   
    } else { 
        oDiv.style.display = "none"; 
    } 
} 

</script> 


JQuery代码如下：

$(document).ready(function() {
$(window).scroll(function() {
　　
if ($(document).scrollTop()<=0){
alert("滚动条已经到达顶部为0");
}

if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
alert("滚动条已经到达底部为" + $(document).scrollTop());
}
});
});