• 请不要在回答技术问题时复制粘贴 AI 生成的内容
qbaty
V2EX  ›  程序员

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

  •  
  •   qbaty · Nov 5, 2014 · 6971 views
    This topic created in 4214 days ago, the information mentioned may be changed or developed.

    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 replies    2014-11-21 10:14:47 +08:00
    arens
        1
    arens  
       Nov 5, 2014   ❤️ 1
    需要在移动端才能测出来效果吗,PC端好像不能拖动啊
    qbaty
        2
    qbaty  
    OP
       Nov 5, 2014
    是的,移动端,或用 chrome 模拟
    @arens
    loethen
        3
    loethen  
       Nov 5, 2014 via Android
    用white-space实现的吧。
    run2
        4
    run2  
       Nov 5, 2014
    "在你开始之前,你需要为iSlider先新建好数据"
    以后会有动态删除和添加的slide的API么?
    br00k
        5
    br00k  
       Nov 5, 2014
    现在用着swipe.js感觉还不错。不知道这个浏览器兼容怎么样。特别是WP这种
    xieyu33333
        6
    xieyu33333  
       Nov 5, 2014
    @br00k 目前我测试滑动要比swiper.js更流畅些
    qbaty
        7
    qbaty  
    OP
       Nov 5, 2014
    @sobigfish 后续考虑加入动态加入slide
    qbaty
        8
    qbaty  
    OP
       Nov 5, 2014
    @xieyu33333 绝对比swiper 在性能上优越
    qbaty
        9
    qbaty  
    OP
       Nov 5, 2014
    @br00k 支持主流的手机端浏览器
    xieyu33333
        10
    xieyu33333  
       Nov 9, 2014
    @loethen 没有啊
    jun4rui
        11
    jun4rui  
       Nov 10, 2014   ❤️ 1
    做得不错哦,如果能够加入滑动位置指示器开关就更好了
    qbaty
        12
    qbaty  
    OP
       Nov 10, 2014
    @jun4rui 好的,后期我们考虑加上
    qbaty
        13
    qbaty  
    OP
       Nov 13, 2014
    @sobigfish 估计下一版加上
    xieyu33333
        14
    xieyu33333  
       Nov 20, 2014   ❤️ 1
    @jun4rui 已经以插件的形式加上了
    xieyu33333
        15
    xieyu33333  
       Nov 20, 2014
    @arens 已经加入桌面支持
    jun4rui
        16
    jun4rui  
       Nov 21, 2014
    @xieyu33333 赞哦!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1558 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 16:44 · PVG 00:44 · LAX 09:44 · JFK 12:44
    ♥ Do have faith in what you're doing.