2011-05-15 63 views
0

我有一个页面,当用户到达页面底部的下一个页面被激发:jQuery的scrollTop的功能

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
     next_funtion(); 
    } 
}); 

不过,我要被解雇下一个页面,当用户达到了50%页面高度 200 px从顶部。

回答

3

这是基本的数学。没有它,jQuery是不是要去帮助你在所有:

$(window).scroll(function() { 
    if (($(window).scrollTop() < 200) || ($(window).scrollTop() < $(document).height()/2)) { 
    next_funtion(); 
+0

这个代码我想你的代码,但它并不适用于所有的浏览器为我工作。看到我的窗口高度在3000-5000像素之间变化,但是父页面中包含的第一页的文档高度大约是800像素,从父页面的顶部大约600像素开始。每次我滚动时,都有一个下一个功能我会打电话给下一页,它的高度大约是500像素,不工作。我不知道我在哪里做错误,当我打开并在浏览器中运行该页面时,它的工作原理,但是当我将该页面包含在父页面中时,它不工作。任何想法,我在做错误。 – 2011-05-15 08:54:25

0

你可以尝试scrollTop的功能

$('html,body').animate({ 

     scrollTop: $('#'+id_name).offset() 

    }, "fast");