BANK Sittichart Sitti Portfolio

Follow me on Facebook

Demo

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis labore quaerat sequi officia atque? Hic blanditiis dicta dolore asperiores aspernatur quis, illo earum veritatis, porro, enim doloremque commodi modi dolor? Harum minus libero a atque! Commodi nulla repudiandae, expedita nostrum!

Set-up

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis labore quaerat sequi officia atque? Hic blanditiis dicta dolore asperiores aspernatur quis, illo earum veritatis, porro, enim doloremque commodi modi dolor? Harum minus libero a atque! Commodi nulla repudiandae, expedita nostrum!

Basic usage

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis labore quaerat sequi officia atque? Hic blanditiis dicta dolore asperiores aspernatur quis, illo earum veritatis, porro, enim doloremque commodi modi dolor? Harum minus libero a atque! Commodi nulla repudiandae, expedita nostrum!

Styling

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis labore quaerat sequi officia atque? Hic blanditiis dicta dolore asperiores aspernatur quis, illo earum veritatis, porro, enim doloremque commodi modi dolor? Harum minus libero a atque! Commodi nulla repudiandae, expedita nostrum!

Javascript initialization

// showing default options here
$(".my-container-class").sortScroll({
    animationDuration: 1000,// duration of the animation in ms
    cssEasing: "ease-in-out",// easing type for the animation
    keepStill: true,// if false the page doesn't scroll to follow the element
    fixedElementsSelector: ""// a jQuery selector so that the plugin knows your fixed elements (like the fixed nav on the left)
});

Programmatic sorting

//you can sort without buttons if you want
//here we move the 4th element (3, zero based) up (-1) without scrolling the page (false)
$(".sort-scroll-container").sortScroll("sortElement",3,-1,false)

Events

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis labore quaerat sequi officia atque? Hic blanditiis dicta dolore asperiores aspernatur quis, illo earum veritatis, porro, enim doloremque commodi modi dolor? Harum minus libero a atque! Commodi nulla repudiandae, expedita nostrum!

About

This is my first open source project.
Feel free to make comments, raise bugs and ask for features.
This plugin is used on skipass.com but on an admin only page.
I'd be glad to know if you use it.