移動網站上的滾動到頂部按鈕

我試圖讓滾動到頂部按鈕出現，一旦用戶開始向下滾動，而不是始終存在，即使是在頂部。快速記下，我幾乎沒有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

移動網站上的滾動到頂部按鈕

回答

相關問題