iSlider 移动端 Webapp 滑动的最优解决方案 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
qbaty
V2EX    程序员

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

  •  
  •   qbaty 2014-11-05 16:54:19 +08:00 6686 次点击
    这是一个创建于 4071 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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,支持无尽的滚动,并且在手指快速滑动中也达到流畅的体验。

    16 条回复    2014-11-21 10:14:47 +08:00
    arens
        1
    arens  
       2014-11-05 17:16:20 +08:00   1
    需要在移动端才能测出来效果吗,PC端好像不能拖动啊
    qbaty
        2
    qbaty  
    OP
       2014-11-05 17:30:35 +08:00
    是的,移动端,或用 chrome 模拟
    @arens
    loethen
        3
    loethen  
       2014-11-05 18:04:59 +08:00 via Android
    用white-space实现的吧。
    run2
        4
    run2  
       2014-11-05 21:46:42 +08:00
    "在你开始之前,你需要为iSlider先新建好数据"
    以后会有动态删除和添加的slide的API么?
    br00k
        5
    br00k  
       2014-11-05 22:05:22 +08:00
    现在用着swipe.js感觉还不错。不知道这个浏览器兼容怎么样。特别是WP这种
    xieyu33333
        6
    xieyu33333  
       2014-11-05 22:10:56 +08:00
    @br00k 目前我测试滑动要比swiper.js更流畅些
    qbaty
        7
    qbaty  
    OP
       2014-11-05 23:54:21 +08:00
    @sobigfish 后续考虑加入动态加入slide
    qbaty
        8
    qbaty  
    OP
       2014-11-05 23:54:38 +08:00
    @xieyu33333 绝对比swiper 在性能上优越
    qbaty
        9
    qbaty  
    OP
       2014-11-05 23:55:35 +08:00
    @br00k 支持主流的手机端浏览器
    xieyu33333
        10
    xieyu33333  
       2014-11-09 02:26:40 +08:00
    @loethen 没有啊
    jun4rui
        11
    jun4rui  
       2014-11-10 10:47:58 +08:00   1
    做得不错哦,如果能够加入滑动位置指示器开关就更好了
    qbaty
        12
    qbaty  
    OP
       2014-11-10 15:47:43 +08:00
    @jun4rui 好的,后期我们考虑加上
    qbaty
        13
    qbaty  
    OP
       2014-11-13 10:24:37 +08:00
    @sobigfish 估计下一版加上
    xieyu33333
       
    xieyu33333  
       2014-11-20 11:27:11 +08:00   1
    @jun4rui 已经以插件的形式加上了
    xieyu33333
        15
    xieyu33333  
       2014-11-20 11:27:49 +08:00
    @arens 已经加入桌面支持
    jun4rui
        16
    jun4rui  
       2014-11-21 10:14:47 +08:00
    @xieyu33333 赞哦!
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5478 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 07:43 PVG 15:43 LAX 23:43 JFK 02:43
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86