10 jQuery Horizontal Scroll Demos & Plugins

Sam Deering

In today’s post we bring to you 10 jQuery Horizontal Scroll Demos & Plugins useful for those who see things horizontally. I guess we have to accept some people scroll both ways! :)

1. Smooth Vertical or Horizontal Page Scrolling with jQuery

In this tutorial we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect.


2. Horizontal Scrolling with jQuery [Updated]

To get horizontal scrolling the Mouse Wheel Plugin by Brandon Aaron (GitHub, Download) will be used to detect mouse wheel movements like a keypress and of course, jQuery itself will be used.


3. Mouse Wheel Event in HTML5 Pages

Supporting the mouse wheel can add further interactivity to your HTML5 web pages. Rather than scrolling the page, you could perform a different action such as zooming in or out.


4. Horizontal content scroll with jQuery

In this tutorial we will create a simple smooth horizontal content scrolling effect with just a few lines of jQuery without using any plugin. We will use HTML and CSS for the layout and jQuery for the scrolling.


5. jQuery Horizontal automatic Scrollbars with mouse

We all know that horizontal scrollbars are hideous. So, wouldn’t it be nice if we had a simple way to represent horizontal overflow? The jQuery horizontal scrollbar is very easy to implement. Feel free to check out the demo and download the source code.


6. jQuery mousewheel easing horizontal scrolling

Learn how to create jQuery mousewheel easing horizontal scrolling in this tutorial.


7. simplyScroll v2

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

Source + Demo

8. Portfoliojs

It is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers.

Source + Demo

9. Sly

It is a jQuery plugin for one-directional scrolling simulation with item based navigation support and lots of other goodies.

Source + Demo

10. Smooth Div Scroll jQuery Plugin

is a jQuery plugin that scrolls content horizontally left or right. Smooth Div Scroll does not limit the scrolling to distinct steps.


Win an Annual Membership to Learnable,

SitePoint's Learning Platform