2014-03-27 169 views
0

我有一些div有很多內容,我想滾動主div內的一些div進入視圖。所以這主要是隱藏x溢出的y溢出滾動。如何滾動到底部或頂部的一個div溢出

我不想滾動窗口或正文,但只有div的內容。

$(document).on("click", ".CommentBut", function() { 
//////when the Comment button is clicked.//// 
$('#QuickRead').scrollTop() 
////Scroll Quick Read Div to the top.///// 
}); 

但上面不工作,我可能覺得有什麼毛病我的方法或語法。

+0

使用$(窗口).scrollTop()而不是$( '#QuickRead')scrollTop的(); –

+0

我不想滾動窗口,但內部的$ $('#QuickRead') – user3109875

回答

1

使用以下命令轉到頂部,這裏通過ID獲取dom元素,然後滾動,第一個參數是滾動的位置(以像素爲單位),第二個是滾動的時間。

jQuery("#QuickRead").animate({scrollTop: 0}, 1); 

要轉到底部:

var $target = jQuery("#QuickRead"); 
    $target.animate({scrollTop: $target.height()}, 1000); 
+0

您正在滾動頁面,我想滾動div的內容而不是頁面。 – user3109875

+0

然後用jQuery(「#QuickRead」)代替jQuery(「html,body」) –

+0

你試過了嗎?... –

1

也可以說,它是一種錯誤的。 某些瀏覽器將document.documentElement(元素)和其他文件的「整體」滾動應用於document.body(元素)。對於同時具有兼容性,你必須滾動同時適用於..

試試下面的事情

if($.browser.safari) bodyElement = $("body") 
else bodyElement = $("html,body") 

bodyElement.scrollTop(100) 

更新:

$("#QuickRead").animate({scrollTop:$('#div_id').position().top}, 'slow'); 
+0

我不想滾動身體。 – user3109875

+0

你可以嘗試我更新的答案@ user3109875 – Neel