标签:
首先设置一个DOM元素:
<p id="back-to-top"><a href="#"><span></span>回到顶部</a></p>
然后绑定点击事件
$(document).ready(function () { //首先将#back-to-top隐藏 $("#back-to-top").hide(); //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(window).scroll(function () { if ($(window).scrollTop() > 100) { $("#back-to-top").fadeIn(1500); } else { $("#back-to-top").fadeOut(1000); } }); //当点击跳转链接后,回到页面顶部位置 $("#back-to-top").click(function () { $(‘body,html‘).animate({ scrollTop: 0 }, 1000); return false; }); });
标签:
原文地址:http://www.cnblogs.com/heyucool/p/5243729.html