JS回到顶部代码小记

HTML: 
<div id="goTop"><a href="#top"><img src="~/Content/themes/base/images/ico_top.gif" alt="回到页首" title="回到页首 Top">a>div>
CSS:#goTop {bottom: 15px;margin: 0 auto;position: fixed; //固定定位margin-left: 945px;}JS：
//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失$(function () {$(window).scroll(function () {if ($(window).scrollTop() > 100) {$("#goTop").fadeIn(1500);}else {$("#goTop").fadeOut(1500);}});//当点击跳转链接后，回到页面顶部位置$("#goTop").click(function () {$('body,html').animate({ scrollTop: 0 }, 1000);return false;});});

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！