我的网站上有一个用于产品说明的阅读更多/阅读更少按钮。
我的问题是,在扩展描述的底部,单击“少读”按钮时,它会按预期缩短描述,但页面不会向上滚动到描述 div 的顶部,所以我只能继续寻找在页脚处。
有没有办法让它向上滚动到 div 的顶部?
最佳答案
对于 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;
}
关于javascript - 少读按钮滚动页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34062501/