Javascript 减速引导滚动顶部
我的徽标和页脚上都有scroll top属性,但我离页面顶部越远,它向上滚动的速度就越快!因此,当我从页面底部向上滚动时,它就像火箭一样!我怎样才能让这一切慢下来?我找不到一个足够具体的答案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
您可以查看一下您没有说明如何启动滚动效果,因此: 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');
});