移动网站上的滚动到顶部按钮

Question

我试图让Scroll To Top按钮出现在用户开始向下滚动时，而不是一直存在，即使在顶部也是如此。 快速说明，我几乎没有JS经验，所以我不知道自己在做什么。

无论如何，这是我出错的页面： http : //www.m.evans-carpentry.com/gallery/projects/

 <script> $(function() { var $elem = $('#content'); $('#nav_up').fadeIn('slow'); $('#nav_down').fadeIn('slow'); $(window).bind('scrollstart', function(){ $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'}); }); $(window).bind('scrollstop', function(){ $('#nav_up,#nav_down').stop().animate({'opacity':'1'}); }); $('#nav_down').click( function (e) { $('html, body').animate({scrollTop: $elem.height()}, 800); } ); $('#nav_up').click( function (e) { $('html, body').animate({scrollTop: '0px'}, 800); } ); }); </script> 

谢谢！

Answer 1

您在第30行调用jquery的jquery早期公告

<script>$('#nav Li: has (ul)').doubleTapToGo ();</script>

在调用jquery之后插入此行

Answer 2

您的代码太复杂，请尝试以下操作：

  $(document).ready(function(){ //Check to see if the window is top if not then display button $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('.scrollToTop').fadeIn(); } else { $('.scrollToTop').fadeOut(); } }); //Click event to scroll to top $('.scrollToTop').click(function(){ $('html, body').animate({scrollTop : 0},800); return false; }); }); 

“ .scrollToTop”是要单击的内容，它会滚动回到页面顶部。