html静态页面滚动条滚动到顶时触发的事件和滚动条离开最顶端时触发事件

 window.onscroll = function () {
        //htmlHeight 是网页的总高度
        var htmlHeight = document.body.scrollHeight || document.documentElement.scrollHeight;
        //clientHeight是网页在浏览器中的可视高度，
        var clientHeight = document.body.clientHeight || document.documentElement.clientHeight;
        //scrollTop是浏览器滚动条的top位置，
        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
        //通过判断滚动条的top位置与可视网页之和与整个网页的高度来返回各项参数
        if (scrollTop + clientHeight == htmlHeight) {
            
            alert("到顶了");
        }else{
            alert("离开顶端");
        }
    }

可以在if...else... 里面写一些其他事件了

最后

以上就是谦让小熊猫为你收集整理的html静态页面滚动条滚动到顶时触发的事件和滚动条离开最顶端时触发事件的全部内容，希望文章能够帮你解决html静态页面滚动条滚动到顶时触发的事件和滚动条离开最顶端时触发事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。