2011-05-15 33 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");