Read Less按鈕滾動頁面

Question

我在我的網站上有一個Read More/Read Less按鈕，用於產品描述。

我的問題是，在擴展描述的底部，單擊Read Less按鈕時，它會縮短描述的預期時間，但頁面不會回滾到描述div的頂部，所以我只剩下了看着頁面頁腳。

有沒有辦法讓它回滾到div的頂部？

Answer 1

對於未來的讀者，這個Fiddle有一個完美的腳本。

的HTML

<div class="first"><button type="button">Click Me!</button></div> 
<div class="second">Hi</div> 

JavaScript的

$("button").click(function() { 
    $('html,body').animate({ 
     scrollTop: $(".second").offset().top}, 
     'slow'); 
}); 

的CSS

.first { 
    width: 100%; 
    height: 1000px; 
    background: #ccc; 
} 

.second { 
    width: 100%; 
    height: 1000px; 
    background: #999; 
}