javascript - 在window.scroll上运行并获取垂直偏移

This question already has answers here:

Trigger event when user scroll to specific element - with jQuery
                                
                                    （11个答案）
                                
                        
                2年前关闭。
            
        

window.scroll=function MyFunc(){
	var y = window.scrollTop();
	alert(y);
}

滚动窗口时如何调用函数以及如何垂直滚动窗口。我想在达到所需值时播放动画。救命。

最佳答案

您需要将window对象包装在$()中才能在其上使用scrollTop()函数。

$(window).scroll(function MyFunc(e){
	var y = $(window).scrollTop();
	console.log(y);
});

html, body{
  height: 2000px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在Javascript中，您可以在窗口上为滚动事件添加一个事件侦听器，并使用window.pageYOffset（以获得更好的跨浏览器兼容性）来获取垂直滚动像素的数量。

window.addEventListener("scroll", function MyFunc(e){
  var y = (window.pageYOffset !== undefined)
  ? window.pageYOffset
  : (document.documentElement || document.body.parentNode || document.body).scrollTop;//for cross-browser compatability
  console.log(y);
});

html, body{
  height: 2000px;
}

关于javascript - 在window.scroll上运行并获取垂直偏移，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51933055/