如何在 Google 的收件箱页面中重新创建页面滚动行为？答案

【问题标题】：How to recreate page scroll behavior in Google’s inbox page?如何在 Google 的收件箱页面中重新创建页面滚动行为？
【发布时间】：2014-12-13 09:40:23
【问题描述】：

我想要实现的是，当用户使用鼠标滚轮滚动页面时（因为没有滚动条），页面会随着动画向下滑动到页面的下一部分，同时动画正在播放玩过，鼠标滚轮不起作用（收拾东西，这是个好行为）。

我喜欢 Google 收件箱网站的一点是它与触摸屏设备及其滚动机制具有相同的效果。

我只需要一些关于在这种滚动中发生的事件以及如何管理它们的指针（特别是，我希望通过触摸设备实现相同的功能）。

【问题讨论】：

它被称为视差效应..谷歌它或搜索 youtube 的教程！
alvarotrigo.com/fullPage
这实际上不是我正在寻找的视差效果，而是@sking 向我展示的是我想要做的事情。实际上我不想要这样做的插件，我想要了解滚动事件和触发器正在发生的事情的代码。以及如何将滚动与动画绑定
@user2078785 好吧.. 然后你可以在这里查看github上的代码github.com/alvarotrigo/fullPage.js/blob/master/…
这里有一个简单的stackoverflow.com/questions/13281244/…

【解决方案1】：

那是一个视差网站，实际上有很多方法可以做到这一点。但是我想给你推荐FullPage.JS by Alvaro Trigo，你也可以试试Skrollr by Prinzhorn .这些是您可以用来轻松完成目标的库。

顺便说一句，您也可以手动执行此操作，方法是创建一个 CSS 使图像适合每张幻灯片，然后添加 JS 以便无论何时滚动它都会转到另一张幻灯片，但我告诉您最好使用图书馆。 :D

【讨论】：

【解决方案2】：

叫做视差滚动效果..这里有一个制作教程！

【讨论】：