编写 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滚动条百分比位置