添加jq点击事件后,页面怎么返回到顶部
2019-04-30 17:16 营养快线1 阅读(490) 评论(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);
});
})