javascript - 减慢 Bootstrap 滚动顶部

Question

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

可以看看live site here

Answer 1

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

1: 解除绑定(bind)您退出的 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');         
});

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