gpt4 book ai didi

javascript - 逐格平滑滚动

转载 作者:行者123 更新时间:2023-11-28 03:22:19 25 4
gpt4 key购买 nike

我已经添加了这个脚本,可以使用 mouseweel 立即向下滚动 100%

 $(document).ready(function () {
var divs = $('.mydiv');
var dir = 'up'; // wheel scroll direction
var div = 0; // current div
$(document.body).on('DOMMouseScroll mousewheel', function (e) {
if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {
dir = 'down';
} else {
dir = 'up';
}
// find currently visible div :
div = -1;
divs.each(function(i){
if (div<0 && ($(this).offset().top >= $(window).scrollTop())) {
div = i;
}
});
if (dir == 'up' && div > 0) {
div--;
}
if (dir == 'down' && div < divs.length) {
div++;
}
//console.log(div, dir, divs.length);
$('html,body').stop().animate({
scrollTop: divs.eq(div).offset().top
}, 200);
return false;
});
$(window).resize(function () {
$('html,body').scrollTop(divs.eq(div).offset().top);
});
});

但是我需要在上面添加一些东西,这样滚动看起来更流畅,我该怎么做?

Fiddle

最佳答案

您可以为您的 animate 函数或缓动函数指定一个持续时间,以获得不同的动画行为。

您可以在此处找到缓动函数和使用主题的说明:

jQuery Easing Plugin

关于javascript - 逐格平滑滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23710951/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com