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

您也可以将“慢”除以您想要的值

慢下来引导滚动顶部

1 个答案: