使用 jQuery 页面回到顶部
function backTop() { $(window).scroll(function () { if ($(window).scrollTop() > 100) { $("#topImg").fadeIn(1000); } else { $("#topImg").fadeOut(1000); } }); //当点击跳转链接后,回到页面顶部位置 $("#topImg").click(function () {
//考虑到兼容性使用 body 和 html $(‘body,html‘).animate({ scrollTop: 0 }, 800); return false; }); }
CSS 样式和HTML中的跳转图片设置如下:
#topImg{ position:fixed; right:15px; bottom:30px; display:none; } <img id="topImg" src="../images/top.PNG" />
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。