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

main-banner-1.png

flappy Doge- Buildbox 2 file + Admob + Leaderboard + Review + Share Button

DOWNLOAD flappy Doge & + Buildbox 2 file + Admob + Leaderboard + Overview + ...

banner.png

WordPress Responsive Fullscreen Menu

DOWNLOAD WordPress Responsive fullscreen menu with distinctive look and performance. Hash seems in two components ...