“滚动旅程”网页如何运作？

Question

如果以前曾经问到这个问题我很抱歉，我真的不确定如何说出这个问题。这是我的意思的one popular example，and another，当用户向下滚动页面并且页面本身实际平移在固定路径中的场景时，根本不需要滚动的方向

这些网站如何运作？

Answer 1

虽然你可以自己编写所有这些代码，但我建议你使用惊人的jQuery Scroll Path。

阅读the documentaion。这很简单。

---

这是一个引用：

  

该插件使用canvasTo，lineTo和arc方法使用画布风格的语法绘制路径。为了帮助获得正确的路径，可以在初始化插件时启用带路径的画布覆盖。

     

可以使用鼠标滚轮，上/下箭头键和空格键进行滚动。空格键比箭头键滚动得更快，按住空格时按住shift键会向后滚动。还包括自定义滚动条，允许单击和拖动滚动。默认情况下启用滚动条。

     

该插件还允许使用CSS变换旋转整个页面。这可以沿着路径或在当前位置周围完成。在没有CSS转换支持的浏览器中，忽略所有旋转，但仍遵循路径。这意味着该插件适用于所有浏览器的优雅降级。