当我到达页面顶部时，如何启动JavaScript或jQuery事件？

我有一个简单的问题，但我找不到解决方案…我只是想在我向上滚动页面并“触摸”它的顶部时启动一个事件（执行一个方法）。 我在我的页面中使用JavaScript和jQuery。 提前致谢 ！

Answer 1

您应该为此目的使用scroll事件：

 $(window).scroll(function() { if ($(this).scrollTop() == 0) { //Do whatever you want to do } }); 

你应该注意的一件事是，当某人连续滚动到顶部时，偶数会被触发，虽然你只需要一旦顶部被击中它，为此你可以将事件处理程序定义为一个函数并将最后一个scrolltop值放入一个函数局部变量。

 $(window).scroll(handleHitTop); function handleHitTop(event) { var currentScrollTopValue = $(this).scrollTop(); if (handleHitTop.lastTop === undefined) { handleHitTop.lastTop = currentScrollTopValue ; return; } if (handleHitTop.lastTop == 0 && currentScrollTopValue == 0) { return; } handleHitTop.lastTop = currentScrollTopValue; if (handleHitTop.lastTop == 0) { //Call your event here } } 

Answer 2

使用onscroll事件。 纯js例子：

 window.onscroll = function() { if(document.body.scrollTop == 0) { alert('yay!'); } } 

http://jsfiddle.net/kuWuf/

Answer 3

使用.scroll()处理程序和.scrollTop() ：

 $(window).scroll( function() { if($(this).scrollTop() == 0) { alert("Top!!!"); } }); 

http://jsfiddle.net/jtbowden/wvJ9r/