Placeholder component still visible

Hi,

I am using the lazy load component and I have a problem on mobile where after scrolling the placeholders are not updated.

I have the below overflows set in some of the top parents.

overflow-x:hidden; overflow-y: auto;

If I tap on the placeholder it updates and shows the element correctly.

The LazyLoad component is as follows:

<LazyLoad key={index} height={156} offset={156 * 3} placeholder={<ListItemPlaceholder/>} debounce={false} throttle={false} unmountIfInvisible={true} overflow={true} >

Any advice?

[mqliutie]

unmountIfInvisible 在某元素不可见的时候没有 unmount

我的理解是如果这个元素不在视野之内,那么它应该会被替换成 PlaceHolder 的内容吧

但是我将 unmountIfInvisible 设置成 true 的时候,那个元素不在可视区域内并没有替换成 PlaceHolder 内容

[jasonslyvia]

@mqliutie once 意思就是一旦被懒加载的元素进入视口被渲染后，LazyLoad 就不再接管后续的事宜了，这里可能在文档中注明一下会更好。