javascript - 当页面向下传递到一半时触发 JQuery 函数

Question

有没有办法判断您是否已经滚动到了网页的中心，或者换句话说，当您滚动到了网页的一半并且滚动条位于浏览器窗口的下半部分时？

我希望能够触发这个: $('.菠萝人').show();当我向下滚动超过页面的一半时？

这可能吗？

您的帮助真是太好了!

Answer 1

使用.scrollTop()可以获取元素滚动后的像素数量。要监听滚动事件，请使用 .scroll()。

当你想识别一半时，使用滚动的高度:

$(window).scroll(function () { 
  if ($(window).scrollTop() > $('body').height() / 2) {
    $('.pineapple-man').show();
  } 
});

如果您要滚动整个窗口/正文之外的其他元素，请随时更改选择器。

要使显示一次性，请在 .show() 调用后添加以下内容，以添加删除 scroll 事件监听器:

$(window).unbind('scroll');