10 Horizontal Scrolling jQuery Plugins

Here are 10 jQuery plugins to help you creating horizontal movement of web page across the screen.

Responsive jQuery Accordion Premium

This is a responsive jQuery accordion plugin. Create horizontal and vertical accordions with a variety of attractive themes and customisation options.

accordionpro-2

paroller

This is a lightweight jQuery plugin that enables parallax scrolling effect on selected elements.

paroller-js

jInvertScroll

It’s a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.

jinvert-1

Sly

This is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites.

sly-3

Waypoints

This is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

waypoint-4

simplyScroll

It is a scroll-tastic jQuery plugin that can animate (scroll) content either automatically or manually, horizontally or vertically, backwards or forwards.

simplyscroll-5

Scroll Page Horizontally With Mouse Wheel

mousehweel-6

HoverScroll jQuery Plugin

This plugin makes an html unordered list ul scrollable just by hovering the mouse over it.

hoverscroll-7

Ascensor

This is a jquery plugin which aims to train and adapt content according to an elevator system .

ascensor-8

Horizontal Gridfolio

It is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. It’s perfect for presentations, for anyone that want to obtain a great impact on their visitors.

horizontal gridfolio

Responsive Horizontal Layout

Today we want to show you how to create a horizontal layout with several content panels. The idea is to make each panel individually scrollable and animate a content panel to the left of the viewport once it’s clicked or selected from the menu. The challenge is to deal with different viewport sizes meaning that we will change the layout if the screen is not wide enough in order to be stacked vertically instead of horizontally.

rhl-10

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.