gpt4 book ai didi

javascript - 如何控制网站的滚动速度?

转载 作者:可可西里 更新时间:2023-11-01 13:46:06 26 4
gpt4 key购买 nike

我想像这个网站一样控制滚动速度http://www.powerwashingcharlotte.com/当您快速滚动时,它会覆盖很多距离,而当您缓慢滚动时,它会覆盖较少的距离。我试图通过这个 fiddle 来实现这一目标: http://jsfiddle.net/36dp03ur/

    if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

function wheel(event) {
var delta = 0;
if (event.wheelDelta) delta = event.wheelDelta / 120;
else if (event.detail) delta = -event.detail / 3;

handle(delta);
if (event.preventDefault) event.preventDefault();
event.returnValue = false;
}

function handle(delta) {
var time = 1000;
var distance = 300;

$('html, body').stop().animate({
scrollTop: $(window).scrollTop() - (distance * delta)
}, time );
}

但这并没有提供与我提供的网站链接相同的效果。任何形式的帮助表示赞赏。谢谢。

编辑:我发布这个问题已经8个小时了,但仍然没有得到答案。想到撞它。

最佳答案

window.addEventListener('wheel', DoSomething);

window.addEventListener('mousewheel', DoSomething);

window.addEventListener('DOMMouseScroll', DoSomething);

尝试其中之一,它是特定于浏览器的。

关于javascript - 如何控制网站的滚动速度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42731700/

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