Javascript 减速引导滚动顶部

Javascript 减速引导滚动顶部,javascript,jquery,twitter-bootstrap,scrolltop,Javascript,Jquery,Twitter Bootstrap,Scrolltop,我的徽标和页脚上都有scroll top属性,但我离页面顶部越远,它向上滚动的速度就越快!因此,当我从页面底部向上滚动时,它就像火箭一样!我怎样才能让这一切慢下来?我找不到一个足够具体的答案 您可以查看一下您没有说明如何启动滚动效果,因此: 1:解除当前onclick事件的绑定: 2:创建具有所需持续时间的新滚动事件(此处为5s) 更新: 替换: <a href="#" class="navbar-brand scroll-top"> <img class="logo" wid

我的徽标和页脚上都有scroll top属性,但我离页面顶部越远,它向上滚动的速度就越快!因此,当我从页面底部向上滚动时,它就像火箭一样!我怎样才能让这一切慢下来?我找不到一个足够具体的答案


您可以查看一下

您没有说明如何启动滚动效果,因此:

1:解除当前onclick事件的绑定:

2:创建具有所需持续时间的新滚动事件(此处为5s)

更新

替换:

<a href="#" class="navbar-brand scroll-top">
<img class="logo" width="45" height="45" alt="lightning bolt logo" src="img/logo.png">
</a>
更新3: 滚动效果来自您的scroll-link.js文件 摘录:

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

你也可以用你想要的值来跳过“慢”这个词,你使用哪个插件来滚动?我正在使用bootstrap 3,试图找出它到底用了什么,请在你要求链接滚动到顶部的地方分享你的代码。导航栏
和页脚
中是最新的吗!这是伟大的只是改变缓慢的价值完美地工作!
<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>
$('.custom-scroll-top').on('click', function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop:0}, 5000);      
});
// scroll to top action
$('.scroll-top').on('click', function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop:0}, 'slow');         
});