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

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

  •  1
     
  •   litpen ·
    lipten · 2016-01-16 18:48:12 +08:00 · 4042 次点击
    这是一个创建于 3021 天前的主题,其中的信息可能已经有所发展或是发生改变。

    -update v0.3-

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

    2.修复无 page 参数的 bug.

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

    第 1 条附言  ·  2016-02-14 12:28:18 +08:00
    ✪ 好消息好消息!
    ☺ 最新版本 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-03-13 10:02:15 +08:00
    项目 releases 到 1.10 版本了,其中做了很多优化和改进。最大的变化在于废弃了绑定了 html 结构的组件(分页组件和音乐组件),因为我自己在用的时候发现用这些 ui 组件的时候不顺畅,会有很多坑和 bug ,所以最好遵循单一原则,其次开多几个接口利于开发者做二次开发。

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

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