How to Create Link Same HTML Document, Which Scrolls Down to Desired Area on Click

Показать описание

Wondering how to link to an item/area in your web page? Well, this can be one of the most useful things you can provide users within your site. We will go over a couple of different ways that this can be accomplished. So enjoy!
Method 1: HTML Only
Open text editing softwar
Create a new documen
In your <body> tag, populate anything that you would like, but concentrate on the linking portio
Give an element an I
Save the document with either the extension
Double click the document to open in your browser and test the lin
Congratulations if all went well you are done and can now create links in your web site
Method 2: Using jQuery
Now that we have covered HTML we can cover some more advanced features to make the scrolling a little smoother with the use of jQuer
Open previously created document that contains the HTML code you wish to modif
Add the following to the <head> tag like shown belo
Locate the element that you wish to click on for the scroll function and give it an id like described in the previous metho
Give the element that you wish to scroll to an i
Go back to <head> and insert the followin
Congratulations you now know how to use jQuery to scroll to an elemen
#HTML_Only, #Using_jQuery, #Community_Q_A
1543699977