Released 7 years ago , Last update 7 years ago

Simple jQuery plugin for animating scrolling transitions between anchors on the same page

This plug-in animates the scrolling between hash-links (named anchors).


You will need jQuery included on the page. If you want to use additional easing methods, you will need jQuery UI as well.

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script> 

Include the jquery.anchorscroll.js as well, and your own script which activates the plug-in. An example script called global.js is included in the package:

<script type="text/javascript" src="js/jquery.anchorscroll.js"></script>
<script type="text/javascript" src="js/global.js"></script>

Example usage

    $("a[href*=#]").anchorscroll() //this is basic setup  

Complete parameter reference:

        speed: 1500, // duration 
        easing: 'swing', // you can set easing for animation, you can choose from this
        before: 10 // this defines space between element and animation stoping position
  • 5 6
  • 4 1
  • 3 0
  • 2 0
  • 1 0
7 Reviews Read Reviews


14 day 14-day money-back guarantee



The GNU GPL is an open-source license.

License » GNU GPL Download

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
No comments have been posted yet.