2013-08-02 66 views
1

大多數在這個網站提供的解決方案中使用此代碼的某些變種向下滾動到一個div底部底部jQuery的 - 代碼動態滾動股利不工作

$("ol.overflow-element").animate({ 
     scrollTop: $("ol.overflow-element li:last-child").position().top 
}, 1000); 

我有這css

.overflow-element { 
    overflow-y: scroll; 
    height: 300px; 
    padding: 10px; 
} 

我遇到的問題是它非常不一致。

有時它正確地移動到底部。

但是其他時候它會滾動到靠近頂部或中間的某個位置。當div已經滾動到底部時,會一直髮生這種情況。

爲什麼會出現這種情況?任何替代方案,正確的推理?施加在div

+0

通過任何變化都匹配'有多個元素ol.overflow-element' –

+0

沒有其不。這是我在發佈問題前確定的事情之一。 – arvinsim

+0

檢查此:http://stackoverflow.com/questions/11800090/animate-jquery-scrolltop/11800513#11800513 –

回答

4

實施例的代碼如下:

//Scroll to bottom 
$('div').animate({scrollTop: $('div').get(0).scrollHeight}, 3000); 

//$('div').get(0).scrollHeight - will give the full height of div. 
//scrollTop - will be used to animate from the current position to page end. 
//3000 - will be the duration. 

演示可以在這裏找到:http://jsfiddle.net/codebombs/GjXzD/