慢下來引導滾動頂部

Question

我在我的徽標和頁腳上都有滾動頂部屬性，但是從頁面頂部開始我越往上滾動越快！ 所以當我從頁面底部向上滾動它就像一個火箭！ 我怎么會放慢速度呢？ 我找不到足夠具體的答案

你可以在這里看看現場網站

Answer 1

您沒有說出如何啟動滾動效果：

1： 取消綁定您現有的onclick事件：

    $('.scroll-top').unbind('click');

2： 創建具有所需持續時間的新滾動事件（此處為5s）

$('.scroll-top').on('click', function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop:0}, 5000);       
});

更新 ：

替換：

<a href="#" class="navbar-brand scroll-top">
<img class="logo" width="45" height="45" alt="lightning bolt logo" src="img/logo.png">
</a>

通過：

<a href="#" class="navbar-brand custom-scroll-top">
<img class="logo" width="45" height="45" alt="lightning bolt logo" src="img/logo.png">
</a>

並添加這個JS：

$('.custom-scroll-top').on('click', function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop:0}, 5000);      
});

更新3：滾動效果來自您的scroll-link.js文件提取：

// scroll to top action
$('.scroll-top').on('click', function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop:0}, 'slow');         
});

您也可以通過所需的值覆蓋“慢”