如何解决我有一个元素会在我逐帧滚动时滑出屏幕刷新后运行平稳,但随后开始“滞后”
我有一个元素可以在我逐帧滚动时滑入和滑出屏幕。刷新后它运行顺利,但在滚动几秒钟后它开始“滞后”。我也使用油门,但似乎不能解决问题。
我直接从依赖项使用我的节流阀。
像这样:
import { debounce,throttle } from "throttle-debounce";
handleScroll = () => {
if (window.scrollY > 0 ) {
this.setState({
scrolled: true,});
} else if (window.scrollY === 0) {
this.setState({
scrolled: false,});
}
console.log("handleScroll")
};
componentDidMount() {
window.addEventListener("scroll",throttle(35,this.handleScroll),[]);
}
componentWillUnmount() {
window.removeEventListener("scroll",[]);
}
滚动时滑入和滑出的元素编码如下:
left: ${(props) => (props.active ? -window.scrollY+"px" : window.scrollY+"px")};
有什么建议可以解决延迟问题?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。