Questions? Call (860)407-2687
find us on:


Script To Instantly Scroll To The Bottom Of Facebook Page, Twitter Page, Tumblr Page, Eg.

short url:

Coding To Quickly Scroll To The Bottom Of Facebook Page, Tumblr Page

Click to Play Video About Script To Scroll To The Bottom Of Web Page Via Javascript
  • Web Pages with Endless Scrolling Like Twitter, Facebook, Tumblr, Etc.
  • Really Scroll to the Bottom of Any Webpage Using a Simple Javascript Bookmark/code
  • If the Web Page Does NOT Have the Endless Scolling
  • If the Web Page DOES Have the Endless Scolling

Web Pages With Endless Scrolling Like Twitter, Facebook, Tumblr, Etc.

HTML5 introduced a new and useful concept that can be refered to endless scolling. Prior to the html upgrade to HTML5, when you got to the bottom of a page, it was the bottom of the page.

With HTML5, a lot of websites, (especially the big ones like Facebook, Vine, Tumblr, etc.), with this endless scrolling concept, when you scroll to, what you think, is the bottom of the web page but right when you get to the bottom, new content appears and the bottom of the page expands so now you have to continue scrolling. This can seem to be an endless and frustrating game you are forced to play between your mouse and the web page.

Endless Page Scrolling Example.
Endless Page Scrolling Example.
Endless Page Scrolling Example.

Really Scroll To The Bottom Of Any Webpage Using A Simple Javascript Bookmark/code

Don't be scared by the word 'Javascript'. You don't have to know a thing about code because we have created two bookmarks for you that you can simply drag and drop to your web browsers toolbar. This will place the shortcut to the Scroll To The Bottom Code within easy and quick access.

If The Web Page Does NOT Have The Endless Scolling

If you are on a webpage that does NOT have the endless scrolling and allows you to scroll to the bottom and new content does NOT keep appearing, use the following bookmark below.

  1. Press and hold your mouse left button down while the mouse is over the bookmark.
  2. Drag it up to the browser toolbar, at the top of the page where other bookmarks are.
  3. When your mouse is over the toolbar, release the mouse and your bookmark will be created.

Scroll to Fixed Page Bottom

Now, when you get to a page where you want to scroll to the bottom, just press the bookmark and you get to the bottom of the page instantly.

Here is the javascript code behind the bookmark with an explantion of how the code works.

window.scrollTo(0,document.body.scrollHeight);: this is a javascript function scroll that tells the web page to scroll 0 to the left or right and document.body.scrollHeight which is the height of the web pages scroll bar which means scroll to the bottom of the page.

If The Web Page DOES Have The Endless Scolling

If you are on a webpage that DOES have the endless scrolling and when you to scroll to the bottom and new content DOES keep appearing, use the following bookmark.

As with the previous bookmark ...

  1. Press and hold your mouse left button down while the mouse is over the bookmark.
  2. Drag it up to the browser toolbar, at the top of the page where other bookmarks are.
  3. When your mouse is over the toolbar, release the mouse and your bookmark will be created.

Scroll to Endless Page Bottom

The code here is just a little bit different but what it says is ...

  1. Scroll to the bottom of the page.
  2. Wait 1/2 second for new content to appear at the bottom of page.
  3. Scroll to the bottom of the page.
  4. Wait 1/2 second for new content to appear at the bottom of page.

This code run endlessly so when you get to the very bottom of the page using this bookmark, the page will remain pinned to the bottom of the page. To stop this code from running just use the following bookmark code:

Clear Scrolling Code

CONTENT RELATED TO HOW TO QUICKLY SCROLL TO THE BOTTOM OF FACEBOOK PAGE, TWITTER PAGE, TUMBLR PAGE, ETC. VIA JAVASCRIPT



Delete Multiple All Google Voice Text Message

... ss of deleting (not archiving) text messages, you know the process is tedious at best. For each and ever text message you wish to delete you have to ... If you have the hidden desire to mass murder la ...

Bookmarklet To Enable Right Click On Web Page

... ght Click on Web Page. You can test it out for yourself here. We purposely installed code to prevent the right click context menu on the page. Try it now. Then click the above link and you will see yo ...

Extension To Check All Checkboxes On Webpage

... boxes extension above to test it for yourself. When you click on it, you will see all the checkboxes below instantly get checked. checkbox 1checkbox 2checkbox 3checkbox 4checkbox 5checkbox 6checkbox 7 ...

COMMENTS ON HOW TO QUICKLY SCROLL TO THE BOTTOM OF FACEBOOK PAGE, TWITTER PAGE, TUMBLR PAGE, ETC. VIA JAVASCRIPT

Feel free to submit your comment below. Anything that does not contribute and is just spam will automatically be deleted. Questions marked by * are required. Comments are checked by a human to make sure they are not spam/automated and are on topic and related to Coding To Scroll To The Bottom Of Page, Etc..
Devon
thx your awesome
Well thank you for the compliment Devon
Ali
It's good very helpful
Yes, we also love all kinds of internet hacks. Its quit amazing what you can do with Javascript code.
Emily
Thank you!this will really help me:)
Thanks for visiting us. We appreciate the nice comments.
Reina
Thank you for creating this awesome tool!
We are glad you like it.
Ram
Hello.
Can i get the code u have used to scroll to the bottom of the page and also to scroll to the fixed bottom. I mean i want to see the code for both the bookmarks u have used above as i need that to use in my work.
Thanks..
Here is the code to scroll to the bottom if the page does NOT have endless scrolling...

window.scrollTo(0,document.body.scrollHeight);

Here is the code to scroll to the bottom if the page DOES have endless scrolling...

function autoScrolling(){
window.scrollTo(0,document.body.scrollHeight);
setInterval(autoScrolling,500);
}

Don't forget to surround the code with the appropriate <script> </script> tags for it to work.

NAME:
EMAIL:
COMMENT:
HTML OK. Allowable HTML tags include: <p></p>, <i></i>, <b></b>, <em></em>, <strong></strong>, <ul><li></li></ul>, <ol><li></li></ol>
Question ❔
Back to Top