10个jQuery水平滚动演示和插件

在今天的帖子中，我们为您带来了10个jQuery水平滚动演示和插件，它们对于水平查看事物的人很有用。 我想我们必须接受一些人双向滚动！ :)

已更新：2016年3月 ，以最新版本更新了所有插件和演示，并添加了一些新插件和演示。 还删除了不再开发的插件。

1. ScrollMagic

ScrollMagic可帮助您轻松响应用户的当前滚动位置。 其轻巧（压缩后的6KB）和移动友好。 它支持两个滚动方向。

观看演示

2. jInvertScroll

jInvertScroll是jQuery的轻量级插件，允许您向下滚动时以视差效果在水平方向移动。

观看演示

3.水平时间表

本教程将教您创建一个易于定制的，由CSS和jQuery支持的水平时间轴。

观看演示

4.使用jQuery进行平滑的水平滚动

本教程将教您如何使用jQuery轻松插件和几行jQuery创建简单的平滑滚动效果。

观看演示

5. simplyScroll

simplyScroll是具有触摸支持的灵活jQuery内容滚动器。 它在循环模式下自动支持大小不等的元素。

观看演示

6.使用fullPage.js进行水平滚动

fullPage.js是一个基于jQuery的插件，它使我们能够构建一页滚动的网站。 它不仅适用于所有现代浏览器，而且还适用于某些较旧的浏览器，例如IE 8和Opera 12。

观看演示

7. jQuery.kinetic

jQuery.kinetic是一个简单的插件，它向容器添加了平滑的拖动滚动并逐渐减速。

观看演示

8.狡猾

Sly是JavaScript库，用于基于项目导航的单向滚动。 它可以用作简单的滚动条替换，基于项目的高级导航工具，也可以用作视差网站的出色导航和动画界面。

观看演示

9. pagePiling.js

pagePiling.js是一个jQuery插件，可帮助您将各节相互堆叠，并通过滚动或URL来访问它们。 它与IE8和Safari 12等旧浏览器完全兼容，并且还可以在移动设备上完美运行。

观看演示

10.水平滚动教程

本教程将教您垂直，水平甚至对角滚动Web内容！ 不用担心，它不会过多地依赖JavaScript。 它使用CSS / HTML进行布局，仅使用JavaScript进行滚动。

观看演示

结论

本文回顾了10个最常用的jQuery Horizo​​ntal Scroll Demos and Plugins。 我希望您会发现它们对您的项目有用。 您知道其他有帮助的插件吗？ 你用什么？ 随时在下面的评论中分享您的意见和建议。

From: https://www.sitepoint.com/10-jquery-horizontal-scroll-demos-plugins/