如何解决动画影响y滚动长度
我当前正在使用以下动画库: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
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。