如何实现这种滚动效果?

时间:2019-06-02 18:45:42

标签: javascript css

能否请您帮我实现这种效果? 效果:

https://www.aristidebenoist.com/

我已经使用线性插值实现了类似的效果,但是我的方法有一个缺点。如果用户在其鼠标滚轮上滚动时使用更大的力量或力量,则网站将轻松滚动,但覆盖网站的大部分内容与使用相同的力量进行的本机滚动一样多。上面提供的链接已对这种情况施加了一定的限制,无论您用力滚动多少,它始终会以开发人员应用的有限强度滚动。

这是我的代码的链接:

https://codepen.io/Neil98/pen/VREJZb

function lerp (a,b,n) {
return (1 - n) * a + n * b;
} // LERP FUNCTION

dx = lerp(dx,sx,0.07); // sx = scroll position, dx = container position
dy = lerp(dy,sy,0.07);

PS:如果仍然无法使用它,请尝试在我的示例和提供的网站上进行更大的滚动,无论滚动多么困难,您都会看到该网站对您的限制。

0 个答案:

没有答案