javascript - 在页面中途传递时触发JQuery函数

有没有一种方法可以告诉您是否滚动通过了网页的中心，或者换句话说，当您滚动通过了网页的正好一半并且滚动条位于浏览器窗口的下半部分时？

我希望能够触发此操作:
$('。pineapple-man')。show();当我向下滚动时通过了页面的一半？

这有可能吗？

您的帮助将非常好!

最佳答案

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

当您要确定中途时，请使用滚动条的高度:

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

如果要滚动整个窗口/主体以外的其他元素，请随时更改选择器。

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

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

关于javascript - 在页面中途传递时触发JQuery函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4957658/