iSlider—多是最流畅的移动端滑动组件

iSlider是一个专为移动端设计的滑动组件,项目地址: https://github.com/BE-FE/iSlidergit

iSlider是我参与的第二个比较正式的开源项目,主要编写了里面的动画部分,滚动图效果在PC上早已经是个小儿科的问题,也有不少成熟的库能够用。刚据说这个项目的时候,我也以为有点重复造轮子的感受,不事后来听了做者的代码分享,感受这个项目仍是很是有价值的,最终我也加入到了代码贡献者的行列中了:github

应用场景丰富,在PC下,轮播图只是整个网站中的一个小组件,有时甚至无关紧要,可是移动端每每会在页面的主要展现上采用滑动效果,尤为是微信深刻你们的生活以后更是如此。
DOM元素最小化,通常的轮播图都是有几幅图片,就会在页面中添加几个图片,可能还要包括外层的连接、容器等元素,而目前iSlider不管须要多少图片,在页面中永远不超过3个web

  • 容器,这在移动端是很是有意义的,不会出现越滚越卡的状况了。
    小而美,压缩后只有2kb,不依赖任何库或是框架,只针对移动端设计,滑动效果高效流畅。
    功能强大,目前包括如下功能:
    1. 图片和dom 两种类型滑动,图片的类型很适合读图类的app,dom类型则能够根据须要配置成各式各样的webapp
    2. 自定义的事件回调,你能够在滑动中,滑动结束,或是滑动开始绑定本身的事件回调
    3. 可配置的滑动动画,在得到高性能的同时,你仍然能够指定一些特殊的高级的动画效果来完成你的app,iSlider 提供3d,flip,depth等动画方式来丰富你的滑动效果。
    4. iSlider 会帮你处理好屏幕旋转事件,你只要考虑的是,屏幕旋转后,你的dom 或是 图片改如何显示。
    5. iSlider 还有一些小功能,好比滑动边界递减,自动滑动,垂直水平滑动可配置.

    后续咱们计划增长手势缩放图片、页面内部tab切换等更强大的功能,但愿有更多的人来使用,也欢迎你们提交issues和pull request~争取打造最好用的移动端滑动组件。微信

  • 相关文章
    相关标签/搜索