减慢引导滚动顶部

Question

我的徽标和页脚中有 scroll-top 属性，但我离页面顶部越远，它向上滚动的速度就越快！因此，当我从页面底部滚动顶部时，它就像火箭一样！我将如何减慢速度？我找不到足够具体的答案

你可以看看live site here

Answer 1

你没有说你是如何启动滚动效果的：

1： 取消绑定您退出的 onclick 事件：

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

2 : 创建具有所需持续时间（此处为 5 秒）的新滚动事件

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

你也可以用你想要的值覆盖“慢”