在页面中间传递时触发JQuery函数

Question

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

我希望能够触发这个： $（ '菠萝人'）显示（）。当我向下滚过页面的一半时？

这有可能吗？

你的帮助会非常友善！

Answer 1

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

如果要识别中途，请使用滚动的高度：

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

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

要显示一个计时器，请在scroll通话后添加以下内容，添加.show()事件监听器的删除：

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

Answer 2

我想你想做这样的事情：

if($(document).scrollTop() > $(document).height()/2){
   $('.pineapple-man').show();
}

其中scrollTop()获取当前水平位置，height()定义文档高度。

Answer 3

请参阅scroll事件和scrollTop方法。

Answer 4

如果你向下滚动它就可以使用焦点事件（就像jQuery用于他们的评论）

jQuery('selector').focus(function() {
  jQuery('.page').show();
});