使用slimscroll插件滾動頂部

我在我的網頁上使用slimScroll，內容由AJAX添加。使用slimscroll插件滾動頂部

如果向下滾動滾動條，然後重新加載更多內容（AJAX加載），則滾動條本身始終保持與以前相同的位置。

我想知道slimScroll是否有任何函數可以在加載新內容後滾動到頂部？

2012-09-15 Ichigo

由於1.0.0版本，如果你需要滾動您可以使用構建scrollTo方法頂部：

$(element).slimScroll({ scrollTo: '0' });

2012-09-16 08:39:01 rochal

感謝Rochal爲你的偉大插件，它確實是我可以在互聯網上找到的最好的插件之一，但似乎這種方式無法解決我的問題。我使用ajax重新加載內容後滾動條仍然保持其位置。 – Ichigo

I有這個完全相同的問題。內容滾動到頂部，但滾動條保持在其位置。任何人有任何額外的想法呢？ –

我不認爲通過@rochal描述的scroll選項是怎麼回事現在就開始工作，因爲它似乎沒有被the version currently up on GitHub使用。請嘗試scrollTo或scrollBy。

要滾動到頂端：

$('#elem_id').slimScroll({ scrollTo : '0px' });

相反，如果你想滾動至底部，那麼下面應該工作：

var scrollTo_val = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({ scrollTo : scrollTo_val });

2013-01-30 23:04:12 sheac

非常適合滾動到底部。 – gfivehost

我愛你。我真的這樣做。好吧，你只是幫了我很多這個:) – Placeable

或者你可以使用JavaScript來解決這個問題...

document.getElementById("element-id").scrollTop = document.getElementById("element-id").scrollHeight;

element-id是你的c的id ontent區域（通常它的div）..

當新的內容被添加到您的div

2013-10-26 06:57:39 Mahendra

此代碼執行運行此代碼對我來說。

var scrollTo_int = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({scrollTo : scrollTo_int });

這將採取滾動條在底部的位置，並採取在div的底部的內容。

2013-11-25 09:28:58

謝謝。這是完美的。 –

回答