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

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

window.onscroll = function() {}复制

window.pageYOffset、window.pageXOffset

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

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

window.innerHeight、window.innerWidth

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

2. 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了-我被触发了");
            }
}复制