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。
免费学习PHP!
全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。
原价$ 11.95 您的完全免费
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 Horizontal Scroll Demos and Plugins。 我希望您会发现它们对您的项目有用。 您知道其他有帮助的插件吗? 你用什么? 随时在下面的评论中分享您的意见和建议。
翻译自: https://www.sitepoint.com/10-jquery-horizontal-scroll-demos-plugins/
jquery滚动插件