How to Get Rid of Overlapping on Tumblr

By Shea Laverty

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

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.

Overlap Errors

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:

<script type=”text/javascript” src=””></script>

After that, enter the following code segment before the "</block:posts>" tag:

<div class="autopagerize_page_element">

Add a "</div>" tag after the "</block:posts>" tag to complete the infinite scrolling script. Your page should now scroll infinitely without overlapping issues.


Before implementing infinite scrolling on your blog, consider whether or not you really need this feature. Infinite scrolling is a function of JavaScript, a programming language used to implement many features in Web design. While useful, using large amounts of JavaScript on a single page -- or Tumblr blog -- can result in diminished performance and increased load times. Infinite scrolling may also prove cumbersome if you don't emphasize photo content on your blog, in which case a different post arrangement may better suit your needs.