问题标签 [parallax]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
flash - Flash 电影存在视差技术问题
我使用视差技术创建了一个站点。我在前视差层上使用了带有动画的透明 Flash 电影,当鼠标光标位于电影顶部时,屏幕似乎在颤抖,与移动看起来更加平滑的网站的其他部分形成对比。我不确定这是否与电影的大小有关。它的宽度为 1450px ,高度为 825px。
提前致谢
javascript - 视差效果仅在网页的特定部分?
我正在尝试对网站实施视差效果。但我有一个问题:这可以在页面的特定部分完成吗?或者,强制网站的某些部分是静态的,而其他部分是视差的?
我有一个页眉和页脚,它们的位置在 CSS 中用“position:fixed;”定义。所以,我想在它们之间产生视差效果。我认为由于图像位置等原因,这可能会导致一些问题。
我做了一项研究,所有视差网站都基于我发现效果对所有页面都是全局的。
jquery - jQuery Parallax - 元素没有在这里结束,他们开始了
我目前正在开发一个视差插件,以帮助创建垂直滚动站点之一,其中某些元素会产生视差效果。
大多数插件使用巨大的 DIV 标签并滚动背景。在我的例子中,这是行不通的,因为客户希望动画角色精灵和各种其他元素被视差 - 比如内容。因此,我需要移动元素本身,而不是移动背景。我还没有找到可以做到这一点的插件。
我的插件运行得非常好,但有一个例外。随着紧张或沉重的滚动,元素在页面上爬行 - 没有结束它们垂直开始的地方。这是一个例子(请原谅可怕的造型,这是一个粗略的模型): http: //www.nebulus.org/parallax-test
哦,正在进行的插件在这里:http://www.nebulus.org/parallax-test/js/libs/jquery.scrollParallax.js
如果你快速向上/向下滚动,你会注意到页面顶部的精灵最终离它们开始的地方很远。有人对如何让他们表现得有想法吗?非常感谢您的帮助 - 我确实计划在完成后发布插件(轻推轻推,眨眼眨眼)。
javascript - 为什么.animate to scrollTop 在动画之前会跳转到0?
我正在玩视差滚动,就像在那个耐克网站上一样。所以我一直在使用scrollTop来确定用户在页面上的垂直位置,然后我一直在根据对该值的更改来调整元素的位置。
在这里,我将 scrollTop 值四舍五入并记录下来。我稍后会显示日志。
然后,在单击时,我调用此函数滚动到我传递给它的 scrollTop 值。
这是问题所在,滚动顶部值在动画之前跳转到 0。
所以我将在页面的一半处记录:
我定位东西的方式依赖于 scrollTop 值的准确性。所以我的问题是:
在执行动画之前,如何防止 scrollTop 值跳到 0?
让我知道是否需要更多信息。
这是该网站的现场版本:http: //theblueeyeguy.com/moon/Illumination/
(点击“下一个”然后“上一个”打破它)
iphone - cocos2d:如何控制滚动地图
我让我的地图自动滚动但是我想知道如何在地图到达终点之前减慢滚动速度,以及何时我希望地图停止滚动。我想知道如何做到这一点,因为我的游戏是关于玩家试图在敌人到达地图尽头之前射击敌人,那里有他可以躲藏的避难所。我希望在敌人到达避难所之前放慢滚动速度,当敌人到达避难所时,我希望地图停止滚动。这是代码:
javascript - 制作我自己的 Jquery 视差效果
我正在制作 jquery 视差效果,当用户第一次将鼠标悬停在文档上时,前景层将向鼠标光标移动,这样鼠标光标将位于前景层的中心。之后,当用户围绕鼠标光标移动时,前景层应该向鼠标光标的相反方向移动;背景层也将向相反方向移动,但产生视差效果的速度较慢。
问题是在前景层使用mouseover
事件向鼠标光标移动并触发mousemove
事件后,前景层和背景层将“跳转”到另一个位置。
iphone - 视差滚动 cocos2d
我看过很多教程,但与我正在尝试构建的内容不相似......
创建具有 3 个精灵的视差视图(背景、第 1 层、第 2 层)
我如何实现屏幕的滚动并且精灵会以不同的速度移动?
任何建议都会很棒!
PS想要使用触摸事件(滑动滚动时)
html - 如何在 DIV 上设置 nowrap?特别是包含许多子DIV
我想做视差滚动效果。我使用了下面的方法,但是当添加子 DIV 时,它会换行:
cocos2d-iphone - 有限长度的视差滚动
我有一个使用 Chipmunk 和 Cocos2d for iPhone 的横向滚动平台游戏。玩家从关卡的一侧移动到关卡的另一侧以完成关卡。玩家实际上是从一侧移动到另一侧;背景不重复以产生滚动的错觉。
但是,我对如何在视差背景下做到这一点感到困惑。水平在 x 坐标上约为 3000。我不能使用那么大的图像。在玩家到达某个点后,我也无法让图像自行重复,因为玩家没有站在一个位置。
有什么建议么?
iphone - UIScrollView 菜单和视差效果
我需要使用 UIScrollView 为我的应用程序创建一个主菜单。我里面有一些可以点击的图片。当我滚动 UIScrollView 时,我需要在背景上移动其他两个视图来创建视差效果。有人可以给我一个示例代码吗?我正在尝试与
但我找不到任何关于申请我的项目的富有成效的例子。