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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3189 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

第 1 条附言 · 2016-04-29 00:10:22 +08:00

项目更新了，这次改动比较大，所以直接到 2.0 了

-update v2.0-

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

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

3.废除 useArrow 参数，去掉箭头组件

插件

轮子

全屏

提提

12 条回复 • 2016-04-10 15:45:28 +08:00

DeepCold

2016-04-04 21:11:59 +08:00

mac 上双指控制滚动，会造成一次下滑两屏，额想知道为什么会有这种问题。

litpen

2016-04-04 21:14:04 +08:00

触控板的兼容我也不造，我没测过

horizon

2016-04-04 22:15:18 +08:00

同样的问题。。没法使用

litpen

2016-04-04 22:43:01 +08:00

@horizon 建议用鼠标滚轮或者键盘上下键

DIYgod

2016-04-04 23:26:29 +08:00

对！ Mac 触控板没法用！好多网站都这样原来根源在这 ==

hahasong

2016-04-04 23:35:08 +08:00

除了上面角摸板的问题，还有滚动时中间有条白线闪一下。滚动不跟手，最好鼠标按住移动多上就跟着移动多少，移动超过一半以上松开时才滚动，否则滚回原位

quericy

2016-04-04 23:51:50 +08:00

Edge 触屏滑动手势无效(逃

abelyao

2016-04-05 00:08:50 +08:00

@DeepCold
@horizon
@DIYgod
@quericy

各位可以看看 /t/251340 这篇帖子的评论，嗯。

litpen

2016-04-05 09:35:58 +08:00 via iPhone

@hahasong 你是说要跟随手指滚动吗

litpen

2016-04-05 09:39:09 +08:00 via iPhone

评论的人能告诉我有哪个滚动插件能正常支持桌面系统的各种触摸滚动，我研究一下。谢谢！

fuermosi777

2016-04-10 12:45:03 +08:00

用触摸板一次划两屏属于一个常见的 bug 吧。我之前实现这种功能的时候遇到过，主要原因还是滚动动量 (momentum) 还没结束而动画已经结束了（相当于滚动的惯性）。一个解决办法是设置 setTimeout() 或类似方法来清理滚动的动量。

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

另外一个 bug 是在 mac 的 chrome 中下划的时候页面上方会有白色的空隙（是由于浏览器的 bounce 引起的，可能需要定位问题来解决）。这个插件虽然功能简单，但考虑到浏览器的兼容性方便其实非常复杂呢， lz 继续加油！

litpen

2016-04-10 15:45:28 +08:00

@fuermosi777 感谢提供的信息，其实是我没钱买不起 mac 测。。。