V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
litpen
V2EX  ›  分享创造

今天花了点时间更新了我的项目 slidePage,虽然是轮子,但能满足到一小批人的需求就是好轮子!

  •  1
     
  •   litpen ·
    lipten · 2016 年 1 月 16 日 · 4826 次点击
    这是一个创建于 3652 天前的主题,其中的信息可能已经有所发展或是发生改变。

    -update v0.3-

    1.新增参数 refresh(回滚的时候是否重新执行动画,默认为 true)

    2.修复无 page 参数的 bug.

    http://lipten.github.io/slidePage/

    第 1 条附言  ·  2016 年 2 月 14 日
    ✪ 好消息好消息!
    ☺ 最新版本 0.6.2 已经支持 jquery 啦,各位 JQ 粉放心用吧!

    更新日志:

    -update v0.6.2-

    1.全面支持 jquery 和 zepto !

    2.将 zepto-touch.js 改造了一下,使 jquery 也能以同样的方式调用触屏事件;

    3.将改造后的 zepto-touch.js 取名为 slidePage-touch.js,并与主文件合并压缩成 slidePage.min.js

    -update v0.6-

    1.加入了分页组件。

    2.开放了三个方法: slidePage.index()、 slidePage.next()和 slidePage.prev(),详情见文档;
    第 2 条附言  ·  2016 年 3 月 13 日
    项目 releases 到 1.10 版本了,其中做了很多优化和改进。最大的变化在于废弃了绑定了 html 结构的组件(分页组件和音乐组件),因为我自己在用的时候发现用这些 ui 组件的时候不顺畅,会有很多坑和 bug ,所以最好遵循单一原则,其次开多几个接口利于开发者做二次开发。

    还有我最近在做毕设,利用这个插件做一个教程 web 应用,全屏滚动的浏览方式做教程还是很少见的,到时候放出来给大家看看用这个插件做出来的项目是什么样子的。

    在用这项目的过程中如有不妥或建议的地方可以提出来,我会改进的,谢谢大家。
    24 条回复    2016-01-20 12:32:40 +08:00
    anthozoan77
        1
    anthozoan77  
       2016 年 1 月 16 日
    demo 我在 chrome 下无法向下滚动...
    anthozoan77
        2
    anthozoan77  
       2016 年 1 月 16 日
    好吧, touch 可以...
    litpen
        3
    litpen  
    OP
       2016 年 1 月 16 日
    @anthozoan77 哪个系统的 chrome?
    Starduster
        4
    Starduster  
       2016 年 1 月 16 日
    Mac chrome ,无论是光标拖曳还是点画面的箭头还是触摸板手势都没反应。。。。
    litpen
        5
    litpen  
    OP
       2016 年 1 月 16 日
    @Starduster 应该是模拟 touch 事件失效了,我也遇到过,用手机看应该没什么问题
    anthozoan77
        6
    anthozoan77  
       2016 年 1 月 16 日
    @Starduster chrome 开启模拟移动端就没问题。 OSX
    ferrum
        7
    ferrum  
       2016 年 1 月 16 日
    电脑上测试,动画效果不错, stared.
    litpen
        8
    litpen  
    OP
       2016 年 1 月 16 日
    @ferrum 非常感谢,动画效果可以在 page-animation.css 里自定义
    qq286735628
        9
    qq286735628  
       2016 年 1 月 17 日
    敢不敢 release 到 v1.0.0
    valkjsaaa
        10
    valkjsaaa  
       2016 年 1 月 17 日
    我在电脑上无论是 Chrome 还是 Safari ,无论是 Trackpad 还是 Scroll Wheel 还是 drag 都滚动不了... Chrome 模拟移动设备可以拖拽到是。楼主是不是的好歹兼容下 电脑...
    gdqyn
        11
    gdqyn  
       2016 年 1 月 17 日   ❤️ 1
    好多这种页面都不支持 PC 端的拖动,楼主这个如果能支持就好了
    hiroya
        12
    hiroya  
       2016 年 1 月 17 日 via iPad
    star 了,看看能不能加在博客上 (*≧▽≦)
    litpen
        13
    litpen  
    OP
       2016 年 1 月 17 日
    @gdqyn 既然有这种需求的话那我就满足大家哈,但是考虑到需求场景我会分手机版和电脑版,毕竟轻量是很重要的,我不想像其他插件库那样一个文件塞满整个世界
    litpen
        14
    litpen  
    OP
       2016 年 1 月 17 日
    又更新啦,新版兼容了 PC ,使用鼠标滚轮或者键盘上下按键也可以滚动了,谢谢大家的支持哈哈
    fhefh
        15
    fhefh  
       2016 年 1 月 17 日
    已 start~~
    anthozoan77
        16
    anthozoan77  
       2016 年 1 月 18 日
    star 学习
    2osx
        17
    2osx  
       2016 年 1 月 18 日
    不能点击 V
    ajan
        18
    ajan  
       2016 年 1 月 18 日
    nice , star
    litpen
        19
    litpen  
    OP
       2016 年 1 月 18 日
    @2osx V 只是个箭头指引,叫你往上滑的意思
    2osx
        20
    2osx  
       2016 年 1 月 18 日
    @litpen 这个 v 是方向是往下的啊
    litpen
        21
    litpen  
    OP
       2016 年 1 月 19 日
    往下的箭头说明下面还有内容,你手指是不是应该从下往上滑滚到下面的内容
    litpen
        22
    litpen  
    OP
       2016 年 1 月 19 日
    @2osx 往下的箭头说明下面还有内容,你手指是不是应该从下往上滑滚到下面的内容
    whwei
        23
    whwei  
       2016 年 1 月 20 日
    触摸板长划会滚动好几屏。。
    litpen
        24
    litpen  
    OP
       2016 年 1 月 20 日
    @whwei 这个插件本来就只有手机触控事件的,只是为了能在 PC 上浏览才加鼠标键盘事件的,用触控板并且当鼠标用的场景还是占少数的
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   3171 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 13:53 · PVG 21:53 · LAX 05:53 · JFK 08:53
    ♥ Do have faith in what you're doing.