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

2014-11-05 16:54:19 +08:00
 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,支持无尽的滚动,并且在手指快速滑动中也达到流畅的体验。

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

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

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

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

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

© 2021 V2EX