jQuery animate（）在應用於滾動頂部按鈕時不適用於我的情況

單擊滾動頂部按鈕時，動畫功能不起作用。它只是跟隨錨點的鏈接。我已經在其他項目中使用過這個代碼，它在那裏完美地工作。jQuery animate（）在應用於滾動頂部按鈕時不適用於我的情況

編輯：我也試過：通過消除HREF = 「＃」

通過scrollUp給e.preventDefault點擊

var scrollUp = $(".scrollTop"); 
 

 
    $(window).scroll(function() { 
 
    var topPos = $(this).scrollTop(); 
 

 
    if (topPos > 100) { 
 
     $(scrollUp).css("opacity", "1"); 
 

 
    } else { 
 
     $(scrollUp).css("opacity", "0"); 
 
    } 
 

 
    }); 
 

 
    $($(scrollUp)).click(function() { 
 
    $('html, body').animate({ 
 
     scrollTop: 0 
 
    }, 800); 
 
    return false; 
 

 
    });

html, body { 
 
    font-size: 95%; 
 
    color: #1a2439; 
 
    background-color: #fafafa; 
 
    line-height: 1.7em; 
 
    font-family: 'Raleway', sans-serif; 
 
    letter-spacing: 0.035em; 
 
    margin: 0; 
 
    padding: 0; 
 
}

<div class="scrollTop"> 
 
    <a href="#"><i class="fa fa-chevron-circle-up scrollTopBtn"></i></a> 
 
</div>

來源

2017-10-18 MJ Sabri

終於得到了我的愚蠢的錯誤。我在當前項目中使用jquery slim build版本，並且不支持所有功能。我切換到jquery完整版本（壓縮生產版本），這個代碼現在完美運行！

來源

2017-10-20 14:36:32

jQuery animate（）在應用於滾動頂部按鈕時不適用於我的情況

回答

相關問題