2012-04-10 48 views
0

在一些博客,當你向頁面底部滾動,他們將有滑入視圖頁面的右下角有一個DIV。的Javascript Scroll事件

博客上的文章,很多時候,你onces踏踏實實的頁面到哪裏註釋部分開始是在那裏他們將有這樣的DIV滑入觀點。

我試圖複製這個,我看到了一個網站,做它,但它並沒有做到這一點的意見不久而是使用此代碼下面,你可以看到的是周圍的一半點。

Document height - the Window height/2

所以它實際上然後留下一半時的頁面。我怎麼會去擁有它映入眼簾時,我得到的頁面的評論部分,讓我們說我的意見被包裹在一個DIV ID爲comments

$(document).scroll(function() { 
    var curPos = $(document).scrollTop(); 
    var docHeight = $(document).height() - $(window).height(); 
    if (curPos > (docHeight/2)) { 
     MoneyBox.show(); 
    } else { 
     MoneyBox.hide(); 
    } 
}); 

enter image description here

回答

3

嘗試比較scrollTop的和你的div的偏移

$(document).scroll(function(){ 
    var curPos = $(document).scrollTop(); 

    var commentsPos = $('#comments').offset().top; 

    if(curPos >= commentsPos) { 
     MoneyBox.show(); 
    } else { 
     MoneyBox.hide(); 
    } 
}); 
+0

我想到了我發佈後的權利,但後來我不知道如何獲得DIV的偏移量,所以謝謝!伊利諾伊州接受這一次,它讓我 – JasonDavis 2012-04-10 01:16:02

+0

最終結果我花了'$(「#意見」)。偏移()。top'並減去'$(窗口).height()',形成我的'commentsPos',這樣我可以解僱我的行動儘快#'comment'進入視圖 – JasonDavis 2012-04-10 01:38:40

+0

@jrod感謝那位代碼 – Richard 2017-09-30 16:52:49