Tumblr Infinite Scrolling FAQ

(Need the instructions to add it to your blog? Start at Step 1.)


It is just not working at all, what can I do?

Sometimes it is just not working because your theme just isn't standard enough and so it gets confused, and other times it has to do with other javascript on your page. First off, if you have added any Javascript code such as viewer counters or music players on your page, try temporarily removing them and seeing if you can get the infinite scrolling to work. Then you can re-add them one at a time to figure out which is causing the problem. I can personally confirm that Google Analytics doesn't interfere for tracking page views, and Streampad is a music player that doesn't interfere with it.

If none of that helps you, and you just can't seem to get it to work, then sadly, you HAVE to choose. Different theme or no infinite scrolling. It's up to you to decide what is more important, however to help you out, here is the FULL list of available themes out there, I'll bet you find another that you like. No not that one, it doesn't work with infinite scrolling either. ;)



Is there a way to add an arrow that appears to jump back to the top when the person is far down my page?

Yes there is! Here is a great set of instructions! NOTE: The tutorial is currently down, but it will hopefully be back up soon!



How do I get my sidebar to stay on the screen while my page scrolls?

This is a little tricky because every blog is different, but here is the gist of what you want to do: First off, look in your html code and try to figure out which div contains everything in your sidebar and nothing else. It might look like <div id = "sidebar"> or <div class = "sidebar">, but you probably won't be that lucky and have it it be called sidebar. Once you find it, or think you have (guess and check for the win!), add this in after it: style = "position:fixed; top: 0px; left: 0px;" so that it looks like <div id = "sidebar" style = "position:fixed; top: 0px; left: 0px;">. This will put it in the top-left of your screen. To move it to where you want, change the Top/Left to how many pixels it needs to down/over-from-the-left. You can also change top to bottom and left to right if that works better for your theme. For example, if you your sidebar is on the right, you would make it "right: 50px;" or whatever you need. That would place it 50 pixels away from the right side of the screen.

I realize that you might have a tough time with this, and thats because it's not really an easy thing to do. Lots of things can screw you up, the hard part is figuring out which div is the one that contains everything. And if you are familiar with CSS, then you can use your style section instead of adding the style= part.



Why on added pages, does it say Flash is needed for MP3 posts?

Tumblr works by loading that, then having javascript run and replacing that with the flash player if Flash is detected. Due to how the script works, Tumblr's javascript doesn't catch the newly added pages and hence that message appears. I am looking into a fix, but honestly I just don't have the time to get it done soon. If you find a fix, let me know!



It works, but my title or next/previous page links appear on every page. Can it be fixed?

Yes! However, if you got yours working with only Step 1, you are going to have to move onto Step 2 anyways. Getting it to hide your next/page info is all about where you place the closing </div> in your code. To avoid looping the links, simply make sure that the </div> is moved to before the {block:Pagination } part of your code. If you problem is the title repeating, make sure the 

<div class = "autopagerize_page_element">
comes after the </div> part of your code that has the in it.



I have a horizontal scrolling blog. Can I get it to work?

Not with this code. You could try modifying it so that looks for scrolling horizontally in stead of vertically, but honestly in my option an infinitely scrolling horizontal page just sounds annoying. You might want to just stick with just using pages or changing to a vertical theme.



It doesn't work on the first page, only the second page. Why?

Your music player is interfering with it. Try a different music player.



Do you have some other question about your theme that has nothing else to do with infinite-scrolling?

Please don't ask me random questions about HTML for really simple things. I honestly would love to help you, and I had been personally helping everyone who wrote in for the last 2 years, but recently these instructions have grown in popularity and so I just simply can't help with every little thing. My messages box gets swamped. If you have a simple question about HTML, just Google it! There are TONS of really great sources out there. Just Google "HTML text color" or whatever you need :)



Cody you are awesome, what can I do to show support?

Simple things you can do: