在特定长度的页面触发Jquery

Question

我正在尝试计算当用户滚动到页面中间时如何触发jquery动画。有没有办法设置一个监听器，以查看该人是否在页面中间滚动它激活jquery代码？

Answer 1

使用jQuery，你可以attach an event handler to the scroll event，它可以让你在滚动窗口时收听，并确定用户是否滚动了适当的数量。

$(window).scroll(function () { 
    if (($(window).scrollTop()) > ($(document).height() / 2)) {
        // Run animation here
    }
});

http://jsfiddle.net/ult_combo/XdqPJ/1/

Answer 2

这么想..你可以看看使用的页面检查部分; 的setInterval（name_Of_Function，1000）;

每秒运行一次，然后对其进行检查; window.pageYOffset //为您提供页面的当前水平窗口滚动位置。

Firebug有助于获取有关这些功能的更多信息。请记住检查所有主要浏览器，因为实现或返回的值可能会在不同的浏览器之间略有不同。

我找到了很好的参考页面; http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html

Answer 3

  

有没有办法设置一个监听器来查看该人是否中途滚动   在页面下它激活jquery代码？

您可以使用以下内容获取用户滚动的金额：

$("html,body").scrollTop();

所以，要在页面中间触发事件：

if (($("html,body").scrollTop()) > ($("html,body").height() / 2))
{
    // Code that will be triggered
}

你需要一个计时器来不断检查这个。您可以在Javascript中使用setInterval()重复执行一个函数来检查它。

http://api.jquery.com/scrollTop/