iSlider 移动端 Webapp 滑动的最优解决方案

2014 年 11 月 5 日
 qbaty

iSlider 的项目地址 https://github.com/BE-FE/iSlider
iSlider 的例子http://be-fe.github.io/iSlider/demo/

如果你觉得喜欢这个项目,或是这个项目能够帮助到你,欢迎来github 给我们 star,这会鼓励我们持续开发出更多fancy 的功能。

iSlider 是干什么用的呢?之前之所以叫这个名字是为了表示是移动的滑动组件。那么在WEB 轮播图已经变得小儿科的现在,重新写个移动端的有意义吗?很多人可能会这样问,而我的答案是肯定的。移动端与web的环境有很多不同,用户习惯,行为也有很大的差异,而且移动端的浏览器,应用场景和web 端也差别很大。官网 http://be-fe.github.io/iSlider/

iSlider 的依赖:iSlider 不依赖任何库或是框架,你可以很轻松的把他用在自己的项目中,不会和zepto 或是jqmobi 冲突。
体积大小:iSlider 压缩后代码2kb,你可以很随意的打包在你的项目。
性能上:iSlider借助了手机硬件加速,所有的动画都尽可能重用dom ,并且使用尽可能少dom 来完成整个dom,支持无尽的滚动,并且在手指快速滑动中也达到流畅的体验。

6972 次点击
所在节点    程序员
16 条回复
arens
2014 年 11 月 5 日
需要在移动端才能测出来效果吗,PC端好像不能拖动啊
qbaty
2014 年 11 月 5 日
是的,移动端,或用 chrome 模拟
@arens
loethen
2014 年 11 月 5 日
用white-space实现的吧。
run2
2014 年 11 月 5 日
"在你开始之前,你需要为iSlider先新建好数据"
以后会有动态删除和添加的slide的API么?
br00k
2014 年 11 月 5 日
现在用着swipe.js感觉还不错。不知道这个浏览器兼容怎么样。特别是WP这种
xieyu33333
2014 年 11 月 5 日
@br00k 目前我测试滑动要比swiper.js更流畅些
qbaty
2014 年 11 月 5 日
@sobigfish 后续考虑加入动态加入slide
qbaty
2014 年 11 月 5 日
@xieyu33333 绝对比swiper 在性能上优越
qbaty
2014 年 11 月 5 日
@br00k 支持主流的手机端浏览器
xieyu33333
2014 年 11 月 9 日
@loethen 没有啊
jun4rui
2014 年 11 月 10 日
做得不错哦,如果能够加入滑动位置指示器开关就更好了
qbaty
2014 年 11 月 10 日
@jun4rui 好的,后期我们考虑加上
qbaty
2014 年 11 月 13 日
@sobigfish 估计下一版加上
xieyu33333
2014 年 11 月 20 日
@jun4rui 已经以插件的形式加上了
xieyu33333
2014 年 11 月 20 日
@arens 已经加入桌面支持
jun4rui
2014 年 11 月 21 日
@xieyu33333 赞哦!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/144168

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX