2017-01-20 133 views
0

所以我在這裏有代碼,但由於某種原因,它不會在我的網站上工作。我已經嘗試了大多數,但它仍然不會工作。任何幫助都會受到歡迎。謝謝。滾動到頂部代碼不工作

http://jsfiddle.net/yeyene/J3zyq/3/

<a id="goTop">Top</a> 

\

#goTop{ 
background:red; 
padding:5px; 
position:fixed; 
top:-100px; 
right:10px; 
} 

/

$(document).ready(function() { 
$(window).scroll(function() { 
    if($(this).scrollTop() > 100){ 
     $('#goTop').stop().animate({ 
      top: '20px'  
      }, 500); 
    } 
    else{ 
     $('#goTop').stop().animate({ 
      top: '-100px'  
     }, 500); 
    } 
}); 
$('#goTop').click(function() { 
    $('html, body').stop().animate({ 
     scrollTop: 0 
    }, 500, function() { 
     $('#goTop').stop().animate({ 
      top: '-100px'  
     }, 500); 
    }); 
}); 
});  
+0

什麼是不工作? – brigysl

+1

它實際上是從你的小提琴工作 – Roljhon

+0

我剛剛在鉻和IE11中測試你的小提琴,它的工作。任何機會,你可以得到你的網站的整個線在小提琴 – CJLopez

回答

0
$(document).ready(function() { 
    $(window).scroll(function() { 
     if($(this).scrollTop() > 100){ 
      $('#goTop').animate({ 
       top: '20px'  
       }, 100); 
     } 
     else{ 
      $('#goTop').animate({ 
       top: '-100px'  
      }, 100); 
     } 
    }); 
    $('#goTop').click(function() { 
     $('html, body').animate({ 
      scrollTop: 0 
     }, 500); 
    }); 
});  
+0

@Charie試試這個 –

+0

好吧,使用這個代碼的作品,只有它似乎是高起來?(我有一個標題圖像它的後面?「我認爲它需要下降兩倍 –

+0

@CharieBurns yups! –