阅读更少按钮滚动页面

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;
}