infinite-scroll icon indicating copy to clipboard operation
infinite-scroll copied to clipboard

Appended content is loaded above button

Open mtt-shane opened this issue 5 years ago • 5 comments

When using the "button" loading method, my content was being loaded above the button, requiring the user to scroll up to view new content rather than down. It seems this is due to new browser scroll anchoring behavior. The fix was to add the CSS property overflow-anchor: none; to the button container.

mtt-shane avatar Aug 24 '20 23:08 mtt-shane

Hi! Same issue here. It also happen when the threshold is reached, it just load the content above, sometimes with no chance to notice that something new has loaded. This issue struggle me from a long time.

subfighter3 avatar Aug 26 '20 14:08 subfighter3

Thank you @mtt-shane, your fix worked, but only when applying overflow-anchor: none; to the body element. It doesn't work if applied to any of the button ancestors. Anyway this solved my struggles!

subfighter3 avatar Aug 26 '20 15:08 subfighter3

Thanks @mtt-shane, this made my day! I confirm that applying that style to the button's parent element the problem is fixed.

kikoalonsob avatar Aug 27 '20 09:08 kikoalonsob

Thank you for reporting this issue and fix. I'll have to add this to the docs.

desandro avatar Dec 05 '20 19:12 desandro

I have set back my forgotten pw just to say thank you!!!

AlDeveci avatar Jun 18 '22 21:06 AlDeveci