返回顶部:设置为body的scrollTop为0
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的歙县网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
滑动效果:animate(Jquery的自定义动画)
$("#returnTop").click(function () {
var speed=200;//滑动的速度
$('body,html').animate({ scrollTop: 0 }, speed);
return false;
});
备注:returnTop为触发返回顶部的元素ID
这个用js来实现\x0d\x0a$(function () {\x0d\x0a showScroll();\x0d\x0a function showScroll() {\x0d\x0a $(window).scroll(function () {\x0d\x0a var scrollValue = $(window).scrollTop();\x0d\x0a scrollValue 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();\x0d\x0a });\x0d\x0a $('#scroll').click(function () {\x0d\x0a $("html,body").animate({ scrollTop: 0 }, 200);\x0d\x0a });\x0d\x0a }\x0d\x0a});\x0d\x0a当距离顶部100时,显示返回顶部div
先写一个返回的按钮,将他隐藏掉。使用js监听滚动条的滚动,滚动条滚动超过一定高度显示返回按钮。