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

我试图让滚动到顶部按钮出现，一旦用户开始向下滚动，而不是始终存在，即使是在顶部。快速记下，我几乎没有JS的经验，所以我不知道我在做什么。移动网站上的滚动到顶部按钮

反正这里是我在上一个错误的页面：http://www.m.evans-carpentry.com/gallery/projects/

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

谢谢！

来源

2016-10-07 Arsha Kiani

分享你的完整代码，它可以是有希望的。 –

你的jquery文件没有被正确加载。你可能想先把它检查一下。 – Brian

devtools是一个很好的调试工具。你的JS有一些错误，首先要纠正它。例如'$未定义' –

你打电话就行jQuery的jQuery的早期通告呼叫的jQuery后30

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

插入该行

来源

2016-10-07 17:23:48 iGanza

你的代码太复杂，试试这个：

$(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; 
 
     }); 
 
    });

“.scro llToTop“是要滚动回页面顶部的东西。

来源

2016-10-07 17:56:52

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

回答

相关问题