编写 Javascript HTML5 滚动“相机”

Posted

技术标签:

【中文标题】编写 Javascript HTML5 滚动“相机”【英文标题】:Coding a Javascript HTML5 Scroll "Camera" 【发布时间】:2013-07-17 17:04:01 【问题描述】:

我是一个新手 html5/javascript/php/mysql 程序员,刚开始,需要一些帮助。

我正在尝试做类似这个网站http://space.angrybirds.com/launch/ 的事情,当您向下滚动时,而不是像在典型网站上那样向下滚动内容,“相机”会向另一个方向移动,以查看其他内容。

为了让您更好地了解我想要完成的工作,这里有一个图表: http://i.stack.imgur.com/lPY16.jpg(我不能发图片,因为这是我的第一篇文章)

我想要完成的并不像参考愤怒的小鸟网站那么复杂,而是向下滚动而不是向下滚动,它以曲折的方式向右移动。

您知道愤怒的小鸟网站开发人员可能使用了哪些 JavaScript 库来制作网站吗?任何代码 sn-ps、库名称、jQuery 示例,都会对我很有帮助!

如果我说错了任何条款,请原谅我,请纠正我。

【问题讨论】:

【参考方案1】:

我想你可能正在寻找视差滚动插件

http://medleyweb.com/web-dev/15-useful-jquery-parallax-plugins-and-tutorials/

【讨论】:

以上是关于编写 Javascript HTML5 滚动“相机”的主要内容,如果未能解决你的问题,请参考以下文章

使用 HTML5/CSS3 而不是 JavaScript 滚动滚动/羊皮纸

HTML 使用JavaScript的HTML5滚动条百分比位置

使用JavaScript的HTML5滚动条百分比位置

Javascript - 使用项目选择构建可滚动地图的框架?

画布上的水平滚动。 HTML5

用于移动设备的 Html5 - 滑动滚动