Home / Premium Pro Plugins / Anchor Page

Anchor Page

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



DOWNLOAD

AnchorPage is a lightweight 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.

Obtainable Choices:

  • Offset
  • Scrolling velocity
  • RollSpy
  • Hash navigation
  • Easing results
  • Callbacks
    • beforeAnchorLoad
    • afterAnchorLoad

Exterior Script(non-compulsory):

jquery.easing.1.three.js

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.

<script sort="textual content/javascript" src="jquery-1.11.1.min.js"></script>
<script sort="textual content/javascript" src="jquery.anchorpage.js"></script>

<!--OPTIONAL-->
<script sort="textual content/javascript" src="jquery.easing.1.three.js"></script>

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>

Replace:

Model 1.zero.1

  • Set completely different animations for every component.

DOWNLOAD

Check Also

590x300.png

Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...

screen590.jpg

Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...