首页 > 其他 > 详细

添加jq点击事件后,页面怎么返回到顶部

时间:2019-04-30 17:22:33      阅读:139      评论:0      收藏:0      [点我收藏+]

问题:在同一个页面中,添加点击事件,点击之后页面怎么返回到顶部?

解决方案:在点击事件里设置body的scrollTop为0,(body元素的scrollTop指的是超出“浏览器窗口上边界”的内容的高度);

代码实现:<div id="top" >top</div>

                 <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>

                 <script type="text/javascript">

                 $(function(){
                    $("#top").click(function() {
                    $("html,body").animate({scrollTop:0}, 500);
                }); 
                })

添加jq点击事件后,页面怎么返回到顶部

原文:https://www.cnblogs.com/6531792-j/p/10797202.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!