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";
        }
    };