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

Creep.js is a really small (less than 1kb) jQuery smooth scroll plugin which makes anchor links smoothly scroll the page to specific elements instead of a straight jump.

smooth-scroll

Documentation

Creep.js

Quickly add smooth scrolling to any links in your site using this simple plugin.


Available on Github Available on NPM MIT


Getting Started

To get going quickly with Creep, just include the library after jQuery, select your link tags, and run creep on them. This would do it if you're starting fresh:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.creep.min.js"></script> <script> $(function(){   $("a").creep(); }); </script>

After that, any link with a anchor associated with it (a # in the href) will smoothly scroll instead of jumping.


Install

Github

git clone https://github.com/jpederson/Creep.js creep

NPM

npm install jquery-creep

Yarn

yarn install jquery-creep

Plugin Options

This plugin needs only 2 options, as follows:

$("a").creep({   offset: 0,   speed: 1000 });

offset

Add an offset to change the distance above or below anchor destinations. Helpful when you have a fixed menu and you need to scroll a certain number of pixels above the anchor destination so that your menu doesn't cover the content.

speed

Adjust the scroll time. Set in milliseconds.


Contributing

To contribute, you'll need nodejs and Grunt installed. Fork and clone the repo, then visit the directory in the terminal and type npm install. After that you can simply run the grunt command to watch the files in the project. It'll automatically lint, test, compile, and minify the plugin files so you can just code.

Built with Grunt


You May Also Like