防止滚动跳上

Question

I have implemented endless scrolling for showing posts. After I stop scrolling after say 100 items, item number 98 is visible in viewport. But, after images from upper items are loaded they push all subsequent posts down. Because scrollTop is preserved and 98 item's offsetTop is bigger than when I stoped scrolling, it looks like whole content is scrolled up.

Basically, I would like to freeze scroll so that displayed items stay same as when I stopped scrolling. Of course, user should be able to continue scrolling.

Answer 1

Would it be possible to assign a width and height to your images? In this case, the browser displays a placeholder for the image and the content doesn't jump around.