问题描述
我当前正在使用以下动画库:https://daniel-lundin.github.io/react-dom-confetti/。每次我触发五彩纸屑时,Y Scroll都会增加,直到五彩纸屑动画结束为止。 我只是想知道是否有一种方法可以将Y轴滚动锁定到最大高度。
任何帮助将不胜感激!
解决方法
您可以在按钮上添加监听器,并在动画运行时添加类。
document.querySelector('.app__confetti button').addEventListener('click',event => { document.body.style.overflow = 'hidden' })
您可以收听转换结束,也可以使用变异观察器。
我在浏览器中进行了测试,并删除了overflow-y
。