js中的监听事件总结

javascript事件与功能说明大全：http://tools.jb51.net/table/javascript_event

1.滚动条监听事件

例1：监听滚动条距离页面顶端距离

 <script type="text/javascript">
          window.onscroll= function(){
                 //变量t是滚动条滚动时，距离顶部的距离
                 var t =       document.documentElement.scrollTop||document.body.scrollTop;
                 var scrollup = document.getElementById('scrollup');
                 //当滚动到距离顶部200px时，返回顶部的锚点显示
                 if(t>=200){
                     scrollup.style.display="block";
                 }else{          //恢复正常
                     scrollup.style.display="none";
                 }
             }
 </script>

例2：监听滚动条距离页面底部距离

 window.onscroll = function(){
         //变量t是滚动条滚动时，距离底部的距离
         var t =  $("body").get(0).scrollHeight - $(document).scrollTop()-$(window).height();
         /*console.log($(window).height(),t,$(document).scrollTop());*/
         var scrollup = document.getElementsByClassName('bottomLink')[0];
         //当滚动到距离底部123px时
         if(t < 93){
             scrollup.style.display="none";
         }else{
             scrollup.style.display="block";
         }
     };