Skip to content

Latest commit

 

History

History

scroll-to

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
demo
demo
 
 
js
js
 
 
README.md
README.md
 
 

README.md

Cargo Bay Scroll-to

General

  • Scroll to snippet
  • JQuery and vanilla-js version

Dependencies

  • jQuery for the jQuery version

Initialise

cargobay.scrollTo.init();

Usage

The class '.js-scroll-to' is used as the javascript-hook. Place this on a link-tag and on click there will be a scroll animation to the element defined in the href-attribute.

With the data-offset attribute, you can set the desired offset from the target to scroll to.

With the data-animation-duration attribute, you can set the desired duration of the scroll animation. (defaults to 300ms)

<a href="#chapter-two" data-offset="20" data-animation-duration="300" class="js-scroll-to" >Scroll to #chapter-two please</a>

Support

  • Latest Chrome
  • Latest FireFox
  • Latest Safari
  • IE9 and up