爱意满满的作品展示区。
litpen

我的全屏滚动插件已经 releases 了 7 个版本了,都是自己平时用这个插件的时候遇到的需求和 bug 改进过来的,大家提提意见看能不能做得更好?

  •  
  •   litpen ·
    lipten · Apr 4, 2016 · 2837 views
    This topic created in 3715 days ago, the information mentioned may be changed or developed.

    自己写的一个全屏滚动插件,在自己的项目中也有用到,在使用过程中经常会遇到很多需要改进和加入人性化的功能。

    虽然是轮子,但我觉得这是一个比较人性的轮子,能通过使用者在开发的过程中遇到的痛点来进行优化更新,也没有要跟成熟插件比的意思,能帮助到一部分人就够了。

    项目地址: https://github.com/lipten/slidePage

    Supplement 1  ·  Apr 29, 2016
    项目更新了,这次改动比较大,所以直接到 2.0 了

    -update v2.0-

    1.支持单屏滚动条滚动,使内容不再局限于一屏的高度,适配移动端的触摸滚动与桌面端的鼠标滚轮滚动。

    2.初始化的回调方法有所改动,废除了 v1.1 版本的 next 和 prev 函数,将它们融合到了 before 和 after 函数的参数中,并改进成更开放统一的参数。

    3.废除 useArrow 参数,去掉箭头组件
    12 replies    2016-04-10 15:45:28 +08:00
    DeepCold
        1
    DeepCold  
       Apr 4, 2016
    mac 上双指控制滚动,会造成一次下滑两屏,额想知道为什么会有这种问题。
    litpen
        2
    litpen  
    OP
       Apr 4, 2016
    触控板的兼容我也不造,我没测过
    horizon
        3
    horizon  
       Apr 4, 2016
    同样的问题。。没法使用
    litpen
        4
    litpen  
    OP
       Apr 4, 2016
    @horizon 建议用鼠标滚轮或者键盘上下键
    DIYgod
        5
    DIYgod  
       Apr 4, 2016
    对! Mac 触控板没法用!好多网站都这样原来根源在这 ==
    hahasong
        6
    hahasong  
       Apr 4, 2016
    除了上面角摸板的问题,还有滚动时中间有条白线闪一下。滚动不跟手,最好鼠标按住移动多上就跟着移动多少,移动超过一半以上松开时才滚动,否则滚回原位
    quericy
        7
    quericy  
       Apr 4, 2016
    Edge 触屏滑动手势无效(逃
    abelyao
        8
    abelyao  
       Apr 5, 2016
    @DeepCold
    @horizon
    @DIYgod
    @quericy

    各位可以看看 /t/251340 这篇帖子的评论,嗯。
    litpen
        9
    litpen  
    OP
       Apr 5, 2016 via iPhone
    @hahasong 你是说要跟随手指滚动吗
    litpen
        10
    litpen  
    OP
       Apr 5, 2016 via iPhone
    评论的人能告诉我有哪个滚动插件能正常支持桌面系统的各种触摸滚动,我研究一下。谢谢!
    fuermosi777
        11
    fuermosi777  
       Apr 10, 2016   ❤️ 1
    用触摸板一次划两屏属于一个常见的 bug 吧。我之前实现这种功能的时候遇到过,主要原因还是滚动动量 (momentum) 还没结束而动画已经结束了(相当于滚动的惯性)。一个解决办法是设置 setTimeout() 或类似方法来清理滚动的动量。

    还有一个 bug 是从点击右侧的 indicator 时候,如果跨越多个页面,会有奇怪的现象发生(看到好多中间不该看到的页面)。

    另外一个 bug 是在 mac 的 chrome 中下划的时候页面上方会有白色的空隙 (是由于浏览器的 bounce 引起的,可能需要定位问题来解决)。这个插件虽然功能简单,但考虑到浏览器的兼容性方便其实非常复杂呢, lz 继续加油!
    litpen
        12
    litpen  
    OP
       Apr 10, 2016
    @fuermosi777 感谢提供的信息,其实是我没钱买不起 mac 测。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2797 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 10:14 · PVG 18:14 · LAX 03:14 · JFK 06:14
    ♥ Do have faith in what you're doing.