From 1c41bc3badfcb6339f6e38a7138e7e30b3cdf524 Mon Sep 17 00:00:00 2001 From: Jaymie Jeffrey Date: Tue, 26 May 2015 14:26:19 +0100 Subject: [PATCH] Updated readme --- README.md | 51 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 49 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index eb0ae8a..4f0c805 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,22 @@ # Scrollspy +## What is it? + +Scrollspy is something that I needed to include in a project that does not use bootstrap. +I still needed the scrollspy functionality that is bundled with bootstrap and after playing around with some alternatives, I found that the best solution was to create my own. +The idea was to create a simple solution that did pretty much everything that bootstraps solution offers. +So this is why I created this plugin. + +For those that are not familiar with bootstraps scrollspy, basically this allows you to attach the plugin to a **ul** styled menu on a single page application. When you scroll down the page, the **pages** that you pass through would then mark the **li** children of your menu with an active class. + ## Requirements jQuery +## Demo + +I have created a demo here at jsfiddle + ## Installation unzip the contents to your desired location and include either library on your page. @@ -12,7 +25,41 @@ unzip the contents to your desired location and include either library on your p It's really easy to use, simply initialise the script like this: -''' +``` $("#nav").scrollspy(); -''' +``` + +To pass options to the plugin, simply pass an object to the call like so: + +``` + $("#nav").scrollspy({ offset: -25 }); +``` + +## Available options + +Currently there are only a few options: + +### activeClass + +This allows you to define your own active class that gets added to the **li** element of the menu. +*default: 'active'* + +### animated + +This tells the plugin whether it should animate the scroll when a link in your menu is click or not. +*default: false* + +### offset + +This tells the plugin if there is any need to include an offset. +*default: 0* + +### onChange + +This function is called whenever the document scrolls into a new **page**. + +### onExit + +In some cercumstances there will be a **page** that is not included in the menu. When scrollspy gets to this area the onExit function is called. +