减缓Bootstrap的滚动速度

Question

减缓Bootstrap的滚动速度

javascriptjquerytwitter-bootstrapscrolltop

3

我在我的标志和页脚上使用了scroll-top属性，但距离页面顶部越远，它就滚动得越快！因此，当我从页面底部滚动到顶部时，就像火箭一样快！我该如何减缓这个速度？我找不到一个具体的答案。

你可以在这里查看实时网站。

- dsamardjiev

你使用哪个插件来实现滚动效果？ - BENARD Patrick

我正在使用Bootstrap 3，试图找出它确切地使用了1秒钟。 - dsamardjiev

请分享你的代码，其中询问链接以滚动到顶部。 - BENARD Patrick

这是当前在导航栏 <a href="#" class="navbar-brand scroll-top"> 和页脚 <span class="ion-ios7-arrow-up up-icon scroll-top"> 中的内容。 - dsamardjiev

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- BENARD Patrick · Accepted Answer

你没有说明如何启动滚动效果，因此： 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');         
});

您可以通过覆盖想要的值来解除“缓慢”状态。