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

Question

很抱歉，如果以前有人问过这个问题，我真的不知道如何措辞这个问题。这是一个流行的例子，另一个我的意思是，当用户向下滚动页面并且页面本身实际上在一个固定路径中平移场景时，根本不需要滚动的方向。

这些网站是如何运作的？

Answer 1

虽然您可以自己编写所有这些代码，但我建议您使用惊人的jQuery 滚动路径。

阅读文档。这很简单。

---

这是一个报价：

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

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

该插件还允许使用 CSS 转换来旋转整个页面。这可以沿着路径完成，也可以围绕当前位置完成。在不支持 CSS 变换的浏览器中，所有的旋转都会被忽略，但路径仍然会被遵循。这意味着该插件可以在所有浏览器中正常降级。