使用 JQuery 返回页面顶部
2016-09-30 14:18
190 查看
在特别长的页面中设置一个按钮,点击后可以自动返回页面最顶端,代码如下:
<body>
<div>落帆亭博客专注web前端开发</div>
<a class="top-link" href="#">返回顶部</a>
<script>
$(".top-link").click(function(){
$('body,html').animate({scrollTop:0},1000);
return false;
});
</script>
</body>
<body>
<div>落帆亭博客专注web前端开发</div>
<a class="top-link" href="#">返回顶部</a>
<script>
$(".top-link").click(function(){
$('body,html').animate({scrollTop:0},1000);
return false;
});
</script>
</body>
相关文章推荐
- jQuery下的返回顶部功能的实现实例页面
- jQuery下的返回顶部功能的实现实例页面
- 使用jQuery实现返回顶部
- jquery实现当页面滚动超过一屏时显示返回顶部按钮
- 使用jQuery实现返回顶部功能
- 用jQuery实现返回页面顶部的功能
- 使用jQuery实现返回顶部功能
- 使用jQuery实现返回顶部
- backtop返回页面顶部jquery代码
- jquery代码: 返回页面顶部
- jquery返回页面顶部
- 使用jquery构建Metro style 返回顶部
- jquery返回页面顶部
- 使用jQuery实现返回顶部功能
- (转)使用jQuery创建人性化的返回顶部链接
- jQuery下的返回顶部功能的实现实例页面
- jquery实现返回页面顶部功能。
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery制作带有微信二维码扫描的页面返回顶部代码
- 使用前端使用jQuery获取 在apsx页面的page_load方法直接返回json数据