延迟图像加载问题

Question

我有以下问题。我使用react-lazy-load-image-component 来延迟图像加载。页面上有几个选项卡。在第一个上，一切正常，并且当我滚动页面时加载图像。在所有后续选项卡上，React 认为我已经滚动到页面底部并开始立即加载所有图像。怎么解决？

我完全陷入困境）

Answer 1

当您切换选项卡时，滚动位置可能无法正确重置，导致库认为您已经滚动并触发所有图像的加载。

1：- 这确保了每个选项卡的滚动位置是独立管理的 2：-确保当您切换选项卡时，前一个选项卡的组件已卸载。这有助于重置每个选项卡的滚动位置。 3：- 无论何时选择选项卡，您都可以手动将滚动位置重置到选项卡内容的顶部。

如果您单击选项卡然后重置滚动位置

const scrollToTop = () => {document.getElementById("scroller").scroll(0,0)}

或

window.scrollto(0 0)