Page scrolls down automatically to a list web part

The code

Both setInterval() and scrollBy() are typical browser JS functions:

This code creates scroll JavaScript variable (as setInterval() function) and runs it. The function will scroll a page every 2 sec (2000 msec). You may adjust the auto scroll speed by changing this value. The single run down scroll height is defined by scrollBy()’s second parameter – 1000; a window will be scrolled down on 1000 px.

Insertion

In order to insert it: hit F12 (Ctrl+Shift+I at Opera browser) at a browser tab to open WebDev Tools. Choose Console tab there. Then insert the code and hit Enter.

You might close WebDev Tools (F12) and browser’s JavaScript will still run this function.

Stop auto scrolling

To stop it without exiting page you might clear scroll variable by the following code:

Otherwise, you might remove all in-browser console scripting by just reloading a web page – F5. Yet, you’ll be back to the top of the page.

Code for your web page

Also, you might insert this code in your custom web page to run on demand:

Be aware, though, that this code has created a global (application) JS variable called scroll.

ScrollyFox

This add-on is similar to FoxScroller in offering two-way scrolling. It also offers users the option to change scrolling speed in lines per minute. The default is 50. If default scrolling settings are retained, the page will start scrolling in reverse once it reaches the bottom.

Video

HandsFread Bookmarklet

A bookmarklet is a small program stored in your web browser that brings added functionality to the page, and that is exactly what HandsFred Bookmarklet is.  This software is saved in Firefox and enables you to autoscroll the current page. It is relatively straightforward to use. Just place the program on your bookmark bar and click on it whenever you want to use autoscroll.

The more times you click on HandsFread Bookmarklet, the faster the scrolling becomes. Sadly, there is no way to reverse the process. It is basically a start, speed and stop program. You press F5 or refresh the page to stop auto scrolling.

2. Construct the URL using the ID

Now that the element has been labelled, we can construct the redirect URL. For that, we will need the URL of the page on which we’ve been working:

All you have to do then is to add an “#” at the end of the page, and add the ID that you’ve provided for the element, like so:

And this is the URL that we are going to use for the “Content Reveal” element.

Want to impress your friends and family with awesome tech geekery?

Subscribe to Help Desk Geek and get great guides, tips and tricks on a daily basis! We only send useful stuff! 

Tags

Leave a Reply

Your email address will not be published.