html回到顶部代码

HTML代码
返回顶部
CSS代码p#back-to-top{position:fixed;display:none;bottom:100px;right:80px;}
js代码$(function(){//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失$(function () {$(window).scroll(function(){if ($(window).scrollTop()>100){$("#back-to-top").fadeIn(1500);}else{$("#back-to-top").fadeOut(1500);}});//当点击跳转链接后，回到页面顶部位置$("#back-to-top").click(function(){if ($('html').scrollTop()) {$('html').animate({ scrollTop: 0 }, 100);//动画效果return false;}$('body').animate({ scrollTop: 0 }, 100);return false;});});});

　　记得要引用jQuery文件

转载于:https://www.cnblogs.com/xy-milu/p/6625419.html

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