javascript - 在一定长度的页面上触发 Jquery

Question

我试图弄清楚当用户滚动到页面中间时如何触发 jquery 动画。有没有办法设置一个监听器来查看这个人是否滚动到页面的一半来激活jquery代码？

Answer 1

使用 jQuery，您可以将事件处理程序附加到滚动事件，这将让您在窗口滚动时侦听并确定用户是否滚动了适当的量。

$(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
}

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

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