Basic usage

<!-- automatic initialization using css classes you can use data attributes to change settings animationDuration : duration of the animation in ms (default : 1000) cssEasing : easing type for the animation (default : "ease-in-out") keepStill : if false the page doesn't scroll to follow the element (default : true) fixedElementsSelector : a jQuery selector so that the plugin knows your fixed elements (like the fixed nav on the left) (default : "") --> <div class="sort-scroll-container" data-animation-duration="1000" data-css-easing="ease-in-out" data-keep-still=true data-fixed-elements-selector=".navigation"> <div class="sort-scroll-element"> content1 <button class="sort-scroll-button-up">up</button> <button class="sort-scroll-button-down">down</button> </div> <div class="sort-scroll-element"> content2 <button class="sort-scroll-button-up">up</button> <button class="sort-scroll-button-down">down</button> </div> <!-- more elements --> </div>