javascript - 少读按钮滚动页面

Question

我的网站上有一个用于产品说明的阅读更多/阅读更少按钮。

我的问题是，在扩展描述的底部，单击“少读”按钮时，它会按预期缩短描述，但页面不会向上滚动到描述 div 的顶部，所以我只能继续寻找在页脚处。

有没有办法让它向上滚动到 div 的顶部？

Answer 1

对于 future 的读者，这 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;
}