我有一个正在使用 Framer Motion 构建的应用程序,并且每当有人向左或向右页面滑动时,我都会尝试禁用垂直滑动。我注意到有“滞后尖峰”或“冻结”,并且滑动不顺畅。当您向左/向右滑动时,它会滑动到某个点,暂停片刻,然后继续。这就像小冻结,我已经确定是这种情况,因为我使用onChangePage
切换drag
父页面的值。当我将其注释掉时,不再冻结。
演示:https ://codesandbox.io/s/framer-motion-pages-shmd9
要复制这一点,请向左/向右快速滑动。任何向上/向下运动都不会发生冻结,因为没有任何变化被触发,只有左/右运动。当该onChangePage
部分被注释掉时,左/右运动也不会发生冻结。非常感谢任何帮助,谢谢。
编辑:我知道这是由于重新渲染而发生的-但我希望能够在向左/向右滑动时禁用垂直滚动功能,而不会发生重新渲染冻结。