话不多说，请看代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///jquery/2.0.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ //首先将#back-to-top隐藏 $("#back-to-top").hide(); //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失 $(function () { $(window).scroll(function(){ if ($(window).scrollTop()>100){ $("#back-to-top").fadeIn(100); } else { $("#back-to-top").fadeOut(100); } }); //当点击跳转链接后，回到页面顶部位置 $("#back-to-top").click(function(){ $('body,html').animate({scrollTop:0},"speed"); return false; }); }); }); </script></body></html>以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
最新文章
热门文章
猜你喜欢
