使用 jquery 平滑滚动
Smooth scrolling with jquery
我知道已经有关于 SF 上平滑滚动的问题,但我无法找到我想要的。已经使用了改进的平滑滚动脚本,但它是本网站 http://michaelacevedo.com 我想要实现的脚本。当您单击 link 时,它开始时非常慢,然后快速动画将您带到所需的部分。它与其他平滑卷轴确实不同。任何人都可以帮助实现这种效果并解释代码的作用。
谢谢
$('a').click(function(){
var top = $('body').find($(this).attr('href')).offset().top;
$('html, body').animate({
scrollTop: top
},500, 'easeOutExpo');
return false;
});
然后select你想要的缓动https://matthewlein.com/experiments/easing.html
我知道已经有关于 SF 上平滑滚动的问题,但我无法找到我想要的。已经使用了改进的平滑滚动脚本,但它是本网站 http://michaelacevedo.com 我想要实现的脚本。当您单击 link 时,它开始时非常慢,然后快速动画将您带到所需的部分。它与其他平滑卷轴确实不同。任何人都可以帮助实现这种效果并解释代码的作用。 谢谢
$('a').click(function(){
var top = $('body').find($(this).attr('href')).offset().top;
$('html, body').animate({
scrollTop: top
},500, 'easeOutExpo');
return false;
});
然后select你想要的缓动https://matthewlein.com/experiments/easing.html