首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >少读按钮滚动页

少读按钮滚动页
EN

Stack Overflow用户
提问于 2015-12-03 09:41:44
回答 1查看 1.6K关注 0票数 0

我在我的网站上有一个阅读更多/阅读更少的产品描述按钮。

我的问题是,在扩展描述的底部,当单击Read按钮时,它会像预期的那样缩短描述,但是页面不会回滚到description的顶部,所以我只能查看页面页脚。

有没有办法让它回滚到div的顶部?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-03 11:36:38

对于未来的读者来说,这个小提琴有一个完美的脚本。

代码语言:javascript
代码运行次数:0
运行
复制
<div class="first"><button type="button">Click Me!</button></div>
<div class="second">Hi</div>

JavaScript

代码语言:javascript
代码运行次数:0
运行
复制
$("button").click(function() {
    $('html,body').animate({
        scrollTop: $(".second").offset().top},
        'slow');
});

代码语言:javascript
代码运行次数:0
运行
复制
.first {
    width: 100%;
    height: 1000px;
    background: #ccc;
}

.second {
    width: 100%;
    height: 1000px;
    background: #999;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34062501

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档