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

The Simple Menu jQuery plugin lets you create a responsive, sticky, multi-functional, in-page navigation menu for your long webpages.

scrollspy responsive-menu sticky-navigation

Documentation

JQuery Simple Menu Plugin

Simple Menu Plugin is a utility for quickly building a menu of the site

$('.simple-menu').simpleMenu({   stickyMenu: true,   slidingLine: true })

jqueryscript.net's guide

Install

NPM

npm install jquery-simple-menu 

YARN

yarn add jquery-simple-menu 

Webpack

Command Options
start webpack-dev-server --env development
build webpack --env production
serv static build

Webpack's examples

npm run start npm run build npm run serv 
yarn run start yarn run build yarn run serv 

Examples

Alt Text

jquery-simple-menu example

Settings

Option Type Default Description
menuSpeedAnimate int 600 speed animation of the menu
pageNavigationSpeedAnimate int 1500 speed animation of the page's navigation
btnClassMenu string 'btn-menu' css class of the menu's button
stickyMenu boolean false use / don't use sticky menu
stickyMenuClassName string 'fixed' css class of the sticky menu
slidingLine boolean false use / don't use sliding line
slidingLineClassName string 'sliding-line' css class of the sliding line
slidingLineClassNameActive string 'active' css class of the active sliding line
slidingLineColor string '#ffffff' color of the sliding line
slidingLineHeight string '3px' height of the sliding line
slidingLineSpeedAnimate int 200 speed animation of the sliding line
winMobWidth int 500 width of the Mobile window
trackedClassName string 'tracked' css class of the waypoint tracked

Browser Support

  • Chrome
  • Firefox
  • Opera
  • Safari
  • IE

Framework Support

  • JQuery 1.8+
  • Waypoints 4.0+

Dependencies

sliding line is implemented using waypoints

TODO

  • with gulp
  • with eslint
  • add Framework Support
  • add Browser Support
  • with webpack
  • no waypoints version
  • no framework version

Contact me

CHANGELOG

LICENSE

Copyright (c) 2017 Monastyrev Ivan [email protected]. Licensed under the MIT license.


You May Also Like