• Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

Code Geekz

    • Most Popular

      All time

    • 30 Best Tools for Data Visualization

      37 Comments

    • Best PHP Frameworks for Developers

      33 Comments

    • Latest Stories

      What is new?

    • Building Product Teams That Scale: The Case for Remote .NET Developers

      May 21, 2025

    • Choosing a WooCommerce Theme? Here’s What Most Store Owners Get Wrong

      May 9, 2025

    • Comments

      Most Recent

    • B. Frances on:

      Best WordPress Wedding Themes

    • Ultimate Content Locker Pro on:

      Best WordPress Social Content Locker Plugins for 2017

  • Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

15 jQuery Horizontal Scroll Plugins

1
  • by Gavin
  • In JQuery
  • — 27 Jun, 2016

In this article I have compiled a list of 15 jQuery Horizontal Scroll plugins which will allow you to create horizontal effects for your websites. With the following plugins you can easily scroll your website content and pages horizontally and make them look distinctive and beautiful than other sites.

These plugins are easy to use and can easily integrated to your websites and help you to achieve such animated effects for your websites. Let us know if you are aware of some other jQuery Horizontal scroll plugins, we would love to hear your feedback.

Explore the list below.

Don’t Miss –
20 jQuery Plugins for Scrolling Effects
Best jQuery Parallax Scrolling Tutorials

1. jInvertScroll

jInvertScroll
jInvertScroll is 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. The plugin is lightweight less than 1 kb and works with almost no setup.

2. Scroll Magic

scrollmagic
ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar.
• Start an animation at a specific scroll position.
• Synchronize an animation to the scrollbar movement.
• Pin an element at a specific scroll position (sticky elements).
• pin an element for a limited amount of scroll progress (sticky elements).
• Easily add a parallax effect to your website.
• Create an infinitely scrolling page (ajax load of additional content).

3. Sly

Sly
Sly 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. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.
http://darsa.in/sly/

4. Smooth Div Scroll

smooth div scroll
Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Smooth Div Scroll does not limit the scrolling to distinct steps. There are no other buttons or links on outside the scroller since the scrolling is done using hotspots within the scrollable area, the mouse wheel or via autoscrolling. Unobtrusive and smooth is the key here.

5. fullPage.js

fullpagejs
fullPage.js is a jQuery plugin to create fullscreen scrolling websites in a simple way. It adds an smooth scrolling to the one page site with vertical and landscape sliders forming the site. Compatible with old browsers.

6. jQuery SerialScroll

jQuery.serialScroll
jQuery SerialScroll plugin allows you to easily animate any series of elements, by sequentially scrolling them. It usesjQuery.ScrollTo to achieve the scrolling animation. It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll, also combined.

You can certainly use it as a screen slider. That is, to sequentially navigate a group of screens. This plugin can also animate a text scroller in no time. It can definitely handle slideshows, the high customizability of the scrolling effect lets you create beautiful animations. You can even build an automatic news ticker!

7. jQuery Custom Content Scroller

jquery-custom-content-scroller
Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jQuery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

8. HorizonScroll.js

horizonscrolljs
HorizonScroll.js is a jQuery plugin which allows for websites to scroll left and right horizontally.

9. NiceScroll

nicescroll
Nicescroll is a jQuery plugin, for nice scrollbars with a very similar ios/mobile style. It supports DIVs, IFrames, textarea, and document page scrollbars. Nicescroll is customizable and supports both vertical and horizontal scrollbar.

10. PageScroll Menu

pagescroll
PageScroll Menu is a perfect solution for One-Page Websites, Landing Pages, but also usable on Multipage websites. Provides a smooth scrolling animation when you use it with onpage links (anchors). It is very flexible, contains a lot of customizable options in the configuration, some styles are customizable via the plugin’s CSS file.

11. Tiny Scrollbar

tiny scrollbar
Tiny Scrollbar is a nice and elegant way to enable the scrolling of content on mobile and desktop devices. Its designed to be a dynamic lightweight utility. Furthermore it gives a User Interface Designer a powerful way of enhancing the Ui (user interface) of a website.
It can scroll both vertical and horizontal and supports scrolling by wheel, thumb, track or touch.

12. jQuery Kinetic

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

13. Optiscroll

optiscroll
Optiscroll is a tiny (9kB) and highly optimized custom scrollbar library for modern web apps.Optiscroll aims to be as light as possible in order to not affect the performance of your webapp. Optiscroll does not replace the scrolling logic with JavaScript. It only hides native scrollbars and allows you to style the fake scrollbars as you like. Moreover, Optiscroll adds custom events and methods to extend browser scroll functionalities.

14. Horwheel

horwheel
Horwheel is a component to scroll horizontally with mouse wheel. It’s cross-browser compatible.

15. Perfect Scrollbar

perfect scrollbar
Perfect-scrollbar is a tiny jQuery scrollbar plugin for any websites and scrollable region. It works both for vertical and horizontal scroll.

Share

Tags: horizontal scrolljquery horizontaljquery horizontal scroll pluginsjquery pluginjquery scroll pluginsjquery scrollbar pluginsjquery scrolling effectsmouse wheelscroll plugins

— Gavin

A Web addicted Geek stuck inside Tron.

  • Previous story PHP Shopping Cart Scripts for Developers
  • Next story 12 Super Cool JavaScript Libraries for July 2016

You may also like...

  • 10 Best jQuery Video Plugins for Developers
  • 20 Best Premium jQuery Plugins for 2016
  • 15 Best jQuery YouTube Plugins
  • 15 Useful jQuery Plugins for June 2016

Enter your em@il & get our posts delivered.





  • Enter your em@il & get our posts delivered.

  • Codegeekz
    • Home
    • JQuery
    • 15 jQuery Horizontal Scroll Plugins
    • Home
    • WORDPRESS
      • PLUGINS
      • PHP
      • Themes
      • DEVELOPMENT
        • Javascript
        • JQuery
        • Mootools
    • WEB DESIGN
      • DESIGN
      • CSS
      • HTML
    • TYPOGRAPHY
      • FONTS
    • RESOURCES
      • TUTORIALS
      • THEMES
      • SLIDERS
      • TECHNOLOGY
    • ARCHIVES
    • CONTACT
    • Advertise

    CODEGEEKZ.COM