Skip to content
This is a jQuery plugin which allows for websites to scroll left and right horizontally.
JavaScript HTML CSS
Find file
Pull request Compare This branch is 6 commits ahead, 2 commits behind trgraglia:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
css
images
.gitignore
LICENSE
README.md
bower.json
index.html
jquery.horizonScroll.js
jquery.min.js
jquery.touchSwipe.js

README.md

jquery.horizonScroll.js - Horizontal Scrolling (Paging) Websites

This is a jQuery plugin which allows for websites to page(scroll by set width) left and right horizontally. Horizontal scroll sites offer a new and unique way to develope sites! Check it out and give feedback! THX

Demo

Click here for the demo

Usage

Initial usage. All elements specified by the selector become a page.

$('selector').horizon();

If you do not want to use jquery.swipeTouch.js for swipe left and right:

$('selector').horizon({swipe: false});

Additional plugin options and their default values:

$.fn.horizon.defaults = {
    scrollTimeout: null,
    scrollEndDelay: 250,
    scrollDuration: 400,
    i: 0,
    limit: 0,
    docWidth: 0,
    sections: null,
    swipe: true,
    fnCallback: function (i) {}
};

You can invoke a left page scroll, right page scroll or page scroll to a page index. This helps if you would like to bind to additional elements on the page. The selector here is ignored.

$(document).horizon('scrollRight');
$(document).horizon('scrollLeft');
$(document).horizon('scrollTo', i);
Something went wrong with that request. Please try again.