我有一个元素会在我逐帧滚动时滑出屏幕刷新后运行平稳，但随后开始“滞后”

编程问答 2022-05-12

问题描述

我有一个元素可以在我逐帧滚动时滑入和滑出屏幕。刷新后它运行顺利，但在滚动几秒钟后它开始“滞后”。我也使用油门，但似乎不能解决问题。

我直接从依赖项使用我的节流阀。

像这样：

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 (将#修改为@）

debouncejavascriptreactjsreactjsreactjsreactjsthrottling