javascript 滚动图像的水平裁剪动画

sr4lhrrt  于 2023-04-19  发布在  Java
关注(0)|答案(1)|浏览(106)

我试着复制这个effect,但当你快速滚动时,它会折断。
codesandox .如何让它赏心悦目?

ddarikpa

ddarikpa1#

很好地解决了这个问题。必须限制img元素的宽度。console.log()显示由于滚动,宽度达到了无穷大,从而延迟了返回动画。

const maxWidth: 700. // actual maximum width of the image. 

img.style.width = `${width <= maxWidth ? width : maxWidth}px`;

相关问题