Tumblr enables you to add features like infinite or endless scrolling to your blog. When this feature works, it can make your entire Tumblr viewable on a single page. When it doesn't work, however, pictures embedded in the posts can overlap and pile up until your infinitely scrolling blog is infinitely messy. You can fix this problem with some minor code adjustments.
Infinite scrolling is a Web design technique that prevents a browser scroll bar from reaching the bottom of the page, which means that you can have all of your Tumblr's content displayed on a single page. This enables your Tumblr to grow without the need for additional pages to display content.
Improperly coded infinite scrolling usually results in errors in which images overlap. On Tumblr blogs with many pictures, the overlapping images can consume the view of the page, seriously affecting the functionality of your Tumblr and potentially causing you to lose followers whose tolerance for overlapping is limited.
Replacement Code and Additional Tags
By entering the following infinite code and tags, you can repair the issue while retaining infinite scroll capability. First, remove all infinite or endless scroll codes from your Tumblr's HTML, and then enter the following code segment just before the "</head>" tag at the end of your HTML code:
After that, enter the following code segment before the "</block:posts>" tag:
Add a "</div>" tag after the "</block:posts>" tag to complete the infinite scrolling script. Your page should now scroll infinitely without overlapping issues.