Thursday, March 31, 2016

10 jQuery Horizontal Scroll Demos & Plugins

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! :)

Updated: March 2016 Updated all plugins and demos with the latest versions and added some new ones. Also removed plugins which aren't in development anymore.

1. ScrollMagic

Image of a top hat

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.

See the demo

2. jInvertScroll

Screenshot of jInvertScroll homepage

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

See the demo

3. Horizontal Timeline

Mock-up of timeline screen

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

See the demo

4. Smooth Horizontal Scrolling with jQuery

Screenshot of the demo

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.

See the demo

5. simplyScroll

Screenshot of a simplyScroll demo

Continue reading %10 jQuery Horizontal Scroll Demos & Plugins%


by Ritesh Kumar via SitePoint

No comments:

Post a Comment