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

在今天的文章中，我们给您带来的10 jQuery的水平滚动演示和插件对于那些谁水平看东西非常有用。 我想我们必须要接受一些人滚动两种方式！ :)

更新日期：2016年3月更新了所有的插件，并演示了最新的版本，并增加了一些新的问题。 同时删除插件这不是发展了。

1. ScrollMagic

ScrollMagic帮助您轻松应对用户的当前滚动位置。 它重量轻（6KB gzip压缩）和移动友好。 它有两个滚动方向的支持。

观看演示

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.狡猾

狡猾的是JavaScript库与基于项目的导航支持单向滚动。 它可以作为一个简单的滚动条的更换，作为一种先进的基于项目的导航工具，或作为一个伟大的导航和动画界面视差网站。

观看演示

9. pagePiling.js

pagePiling.js是一个jQuery插件，可以帮助通过滚动或通过URL来堆积起来的部分一个在另一个之上，并访问它们。 它与旧的浏览器，如IE8和Safari 12完全兼容，也完美的作品在移动设备上。

观看演示

10.水平滚动教程

本教程将教你以垂直，水平甚至是斜向滚动你的网页内容！ 别担心，它不会依赖于JavaScript太多。 它使用CSS / HTML的布局和JavaScript只为滚动。

观看演示

结论

本文回顾了10个使用jQuery的水平滚动演示和插件的列表。 我希望你会发现他们为您的项目有用。 你知道其他插件，可以帮助？ 你用什么？ 随时分享您的意见和建议，在下面的意见。

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