window.onscroll 当页面滚动条、滚动到指定位置时触发

最新推荐文章于 2024-07-31 18:12:12 发布

愚公爱上精卫

最新推荐文章于 2024-07-31 18:12:12 发布

阅读量1.6k

点赞数

分类专栏： js 文章标签： html5 css3 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_64520392/article/details/129140597

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

当滚动页面的滚动条时会触发 scroll 里的事件方法

window.onscroll = function() {}

window.pageYOffset、window.pageXOffset

window.pageYOffset、 Y轴-高会跟着滚动条变动而发生改变

window.pageXOffset、 X轴-宽会跟着滚动条变动而发生改变

window.innerHeight、window.innerWidth

window.innerHeight、高度可见视口的高度并不会跟着滚动条变动而发生改变

window.innerWidth、宽度可见视口的宽度并不会跟着滚动条变动而发生改变

当页面滚动条、滚动到指定位置时触发

window.onscroll = function() {
            var scrollTop=0
            if(document.documentElement&&document.documentElement.scrollTop){
                scrollTop = document.documentElement.scrollTop
            }else if(document.body){
                scrollTop = document.body.scrollTop
            }
            if(scrollTop>=400){
                console.log("滚动条到400了-我被触发了");
            }
}