AnchorPage is a lightweight multi-purpose jquery plugin for creating navigation menus with anchor hyperlinks to sections of your web page, as quick as attainable. It’s machine pleasant by supporting every kind of screens and media gadgets. Has a superior light-coded interface which offers a terrific efficiency on your web page. It additionally helps the third celebration jquery easing plugin, so you should utilize completely different results in your web page’s transitions. It has some callback features as nicely so you possibly can higher management it. One other two nice options are the hash deep linking and the roll spy.
- Scrolling velocity
- Hash navigation
- Easing results
The right way to Implement:
To get began you should copy the required useful resource recordsdata to your property folder and embrace them to your pages. You should use the next instance, you should insert these strains within the part of your website.
A instance of the navigation menu you should utilize with the AnchorPage plugin.
<ul class="nav navbar-nav"> <li class="lively"><a href="dwelling" data-anchor="dwelling">Residence</a></li> <li><a href="about" data-anchor="about">About</a></li> <li><a href="providers" data-anchor="providers">Companies</a></li> <li><a href="contact" data-anchor="contact">Contact</a></li> </ul>
Now activate the transition by calling the plugin to your navigation menu’s container.
<script> jQuery(operate($) $(".navbar-nav").anchorpage(); ); </script>
- Set completely different animations for every component.