10 jQuery Horizontal Scroll Plugins

Most of the website we see use vertical scrolling. This is because our eyes are programmed to read and comprehend shorter texts better than longer ones. Therefore you will not see many websites using horizontal scrolling. However, there is no hard and fast rule that you have to follow. Many websites successfully use horizontal scrolling for greater visual effects.

If you are looking to add uniqueness to your website and want to be a little bit creative, you can opt for horizontal scroll for your website. It will make you stand out amongest your competitors. If designed properly, your website can impress the users with its distinctiveness. These types of websites are especially useful when you work in creative industry like designing and art. You can create a better website look with a horizontal gallery showcasing your portfolio.

Some of the best websites use horizontal scrolling for creating more impact. You can also be creative like them and design your website in the manner. Here are 10 jQuery Horizontal Scroll Plugins which you can use effectively to create unique websites and provide a matchless experience to the visitors. These new and updated plugins can give you a fair idea for your own website.



ScrollMagic helps you to easily react to the user’s current scroll position. Its lightweight (6KB gzipped) and mobile friendly. It has support for both scroll directions.



jInvertScroll is a lightweight plugin for jQuery that allows you to move in the horizontal with a parallax effect while scrolling down.

Horizontal Timeline


This tutorial will teach you to create an easy to customise, horizontal timeline powered by CSS and jQuery.

Smooth Horizontal Scrolling with jQuery


This tutorial will teach you how to create a simple smooth scrolling effect using the jQuery Easing Plugin and just a few lines of jQuery.



simplyScroll is a flexible jQuery content scroller with touch support. It automatically supports unequal sized elements in loop mode.

Horizontal Scrolling with fullPage.js


fullPage.js is a jQuery-based plugin which allows us to build one-page scrolling websites. It not only works in all modern browsers, but also in some older ones like IE 8 and Opera 12.



jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers.



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



pagePiling.js is a jQuery plugin that helps to pile up your sections one over another and access them by scrolling or by URL. It is fully compatible with old browsers such as IE8 and Safari 12 and also works perfectly on mobile devices.

Horizontal Scroll Tutorial


This tutorial will teach you to scroll your web content vertically, horizontally and even diagonally! Don’t worry, it won’t rely on JavaScript too much. It uses CSS/HTML for the layout and JavaScript only for the scrolling.

Leave a Reply

Your email address will not be published. Required fields are marked *