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


Code To Scroll To The Bottom Of Page, Etc.

short url:

How To Quickly Scroll To The Bottom Of Facebook Page, Twitter Page, Tumblr Web Page, Eg.

Click to Play Video About Code To Instantly Scroll To The Bottom Of Facebook Page, Tumblr Page, Eg.
  • 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



How To Put Mouse Cursor Inside Input Text Tex

... emo of JS Putting Cursor in Input Element. That's it! Many web pages I have view when searching 'how to put cursor in textbox' tell you to use one the code varInpBox.focus;. Not enough. This alone may ...

Javascript Scrollintoview Alternative Make Co

... iew built in function is great and acts like bookmark code that allows your sites visitor to quickly scroll to a piece of desired content. Like most things it's not perfect.Some reported issues relate ...

Pof Auto Message Sender Free Bookmarklet Down

... y slightly depending on the web browser. A bookmarklet is a portable section of Javascript code that is installed in your web browsers bookmarks bar. A simple click of the bookmarklet runs the Javascr ...

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 How To Quickly 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