Lifehacks

Page scrolls down automatically to a list web part

The code

Each setInterval() and scrollBy() are typical browser JS capabilities:

This code creates scroll JavaScript variable (as setInterval() perform) and runs it. The perform will scroll a web page each 2 sec (2000 msec). You might modify the auto scroll pace by altering this worth. The one run down scroll peak is outlined by scrollBy()’s second parameter – 1000; a window can be scrolled down on 1000 px.

Insertion

So as to insert it: hit F12 (Ctrl+Shift+I at Opera browser) at a browser tab to open WebDev Instruments. Select Console tab there. Then insert the code and hit Enter.

You may shut WebDev Instruments (F12) and browser’s JavaScript will nonetheless run this perform.

Cease auto scrolling

To cease it with out exiting web page you may clear scroll variable by the next code:

In any other case, you may take away all in-browser console scripting by simply reloading an online web page – F5. But, you’ll be again to the highest of the web page.

Code on your net web page

Additionally, you may insert this code in your customized net web page to run on demand:

Remember, although, that this code has created a world (software) JS variable known as scroll.

ScrollyFox

This add-on is just like FoxScroller in providing two-way scrolling. It additionally provides customers the choice to vary scrolling pace in strains per minute. The default is 50. If default scrolling settings are retained, the web page will begin scrolling in reverse as soon as it reaches the underside.

Video

HandsFread Bookmarklet

A bookmarklet is a small program saved in your net browser that brings added performance to the web page, and that’s precisely what HandsFred Bookmarklet is.  This software program is saved in Firefox and lets you autoscroll the present web page. It’s comparatively easy to make use of. Simply place this system in your bookmark bar and click on on it everytime you wish to use autoscroll.

The extra instances you click on on HandsFread Bookmarklet, the sooner the scrolling turns into. Sadly, there is no such thing as a solution to reverse the method. It’s mainly a begin, pace and cease program. You press F5 or refresh the web page to cease auto scrolling.

2. Assemble the URL utilizing the ID

Now that the factor has been labelled, we will assemble the redirect URL. For that, we are going to want the URL of the web page on which we have been working:

All it’s a must to do then is so as to add an “#” on the finish of the web page, and add the ID that you have offered for the factor, like so:

And that is the URL that we’re going to use for the “Content material Reveal” factor.

Wish to impress your family and friends with superior tech geekery?

Subscribe to Assist Desk Geek and get nice guides, suggestions and tips each day! We solely ship helpful stuff! 

Tags

Leave a Reply

Your email address will not be published. Required fields are marked *