🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The jQuery smartMenu plugin automatically generates a smart, sticky top navigation for your long web page.

smooth-scroll scrollspy sticky-navigation

Documentation

smartMenu

A simple runtime menu to navigate through page anchors

Demo

HERE

Install

bower install smartMenu --save 

Dependencies

"jquery": ">= 2.2.0" 

Html DOM

<div> 	<h1 data-smart-menu data-hash="title-1" data-title="Title 1">Title 1</h1> 	<p>.....</p>	 	<h1 data-smart-menu data-hash="title-2" data-title="Title 2">Title 2</h1> 	<p>.....</p>	 	.... </div>

Initialization

$(function(){   $('[data-smart-menu]').smartMenu(); });

Options

Option default
prependTo $('body') jquery selector: Element to prepend smartMenu
scrollSpeed 800 Page scroll speed
offset 80 Scroll offset
onScrollStart function(){} Callback on scroll start
onScrollEnd function(){} Callback on scroll end

You May Also Like