JS滚动条下拉事件

<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());
     }
   });
});