滚动显示JavaScript视差变换变换
JavaScript视差滚动效果是一种通过改变元素的位置或样式来创建动态效果的技术。它利用了浏览器的滚动事件，根据滚动位置的变化，实现元素的视差变换，给用户带来更加丰富的交互体验。
视差滚动效果可以分为两种类型：视差滚动和视差变换。
- 视差滚动：视差滚动是指在页面滚动时，不同层级的元素以不同的速度滚动，从而营造出一种立体感或动画效果。常见的应用场景包括网页背景的视差滚动、图片的视差滚动等。
- 视差变换：视差变换是指在页面滚动时，元素的位置、大小、透明度等属性会随着滚动位置的变化而发生变化，从而创造出一种动态的效果。常见的应用场景包括滚动时元素的渐变效果、元素的放大缩小效果等。
JavaScript视差滚动效果的优势包括：
- 提升用户体验：通过视差滚动效果，可以为用户带来更加生动、有趣的页面交互体验，增加页面的吸引力和互动性。
- 增强页面层次感：通过不同层级元素的滚动速度差异，可以给页面带来一种立体感，增强页面的层次感，使页面更加丰富多样。
- 引导用户关注：通过视差滚动效果，可以将重要的内容或元素进行突出展示，引导用户的注意力，提高信息传达效果。
- 提升页面性能：由于视差滚动效果是基于浏览器的滚动事件实现的，相比于使用动画库或插件，可以减少对页面性能的影响，提高页面加载速度和响应性能。
在实现JavaScript视差滚动效果时，可以使用一些常见的前端开发技术和工具，如HTML、CSS、JavaScript等。具体实现方式可以通过监听滚动事件，计算滚动位置，然后通过改变元素的样式或位置来实现视差效果。
腾讯云提供了一系列与前端开发相关的产品和服务，可以帮助开发者实现视差滚动效果。其中，腾讯云的云函数（Serverless Cloud Function）可以用于处理滚动事件的触发和逻辑处理，腾讯云的云存储（Cloud Object Storage）可以用于存储页面所需的资源文件，腾讯云的云数据库（TencentDB）可以用于存储页面数据等。
更多关于腾讯云产品和服务的详细介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我从JQuery和Javascript开始，做一个视差卷轴练习，一个问题出现在我身上。
每次用户做滚动时，我都会在<p></p>中编写变量的值。
该值是滚动位置值与另一个值之间操作的结果。
如果我把这个最后的值像一个固定的数字放在函数中，它可以工作，每次我使用滚动条时，这个值都会改变，但是如果我把这个值作为参数放在函数中，函数只计算滚动的第一个移动，并将这个结果放入<p></p>中。
以下是两项守则：
每次我移动卷轴时，<p></p>中的数字都会发生变化
$(窗口).on(“滚动”，视差)；函数视差
浏览 1提问于2015-09-17得票数 2
1回答
我正在尝试屏幕记录以下网站，以便在我们的投资组合中使用：
该网站包含了相当多的视差元素，我正在使用一个JavaScript书签来平滑地滚动页面。问题是，因为bookmarklet使用css转换来滚动页面，所以视差元素不会产生视差。
有没有一个已知的方法，我没有偶然发现，既可以平滑地滚动页面，又可以保持视差项目的视差？
我计划使用QuickTime来录制我的屏幕，因为它是原生的macOS。
谢谢。
浏览 10提问于2017-06-26得票数 0
回答已采纳
1回答
我想知道是否有一些javascript库可以处理视差滚动，有窗格，但不使用滚动条？我的客户不想要任何滚动条，当你滚动时，网站就像面板一样显示。
我尝试了Skrollr，但当我溢出:隐藏时，它不起作用。
谢谢
浏览 1提问于2013-06-19得票数 4
回答已采纳
1回答
利用其截面背景上的视差滚动。视网膜上的视差滚动通常是起伏不定的(例如：)，但它在Flickr上是非常平滑的。
：Flickr是如何在视网膜显示器上实现平滑的视差滚动的？I通过它们的来源，发现了几个与视差相关的功能，但无法确切地知道它们是如何实现的。
浏览 4提问于2013-05-22得票数 0
回答已采纳
我希望重新创建一个画廊，就像iPhone 6s图片库演示中的一个一样。我喜欢他们创建的每个图像都有不同大小的磁贴，当你滚动时，图像会非常缓慢地滚动。
我已经创建了一个与示例类似的图片库，但我不确定如何：
1)在图像滚动时重新创建视差缓动
2)让所有图像在加载时淡入
有人能帮帮忙吗？
浏览 0提问于2016-01-24得票数 0
2回答
抖动视差滚动
、、
我写了一个网站，使用视差效果，并有一些抖动性能的问题。
页面已使用CSS3变换缩放，并在调整大小时，使用JavaScript / jQuery自动调整页面大小。
在滚动上，使用包装盒上的滚动位置来定位背景(仅限于内部的视差背景)。使用CSS顶部位置在scroll事件上移动图像背景。图像具有边距偏移，以使其具有图像保持静止的位置的错觉。我已经启用了图形加速，但在滚动时仍然会得到抖动的图像。
正如我所发现的，CSS3变换比例在固定位置时不起作用。
还有其他解决方案吗？
抖动视差网站：平滑视差网站：
浏览 21提问于2016-08-01得票数 0
回答已采纳
1回答
所以我对JavaScript很陌生，尤其是视差滚动。但是我试着学习一个基本的教程，但是有两件事行不通：
(1)视差滚动的第二个背景图像不是文本后面的背景图像， (2)视差滚动甚至不起作用，这可能与图像与文本在同一层上，即使是在一个完全不同的div标签中有关。
我是初学者，所以请帮忙。
下面是一个指向整个代码的链接：
(http://codepen.io/allon-z/pen/JXqBNL?editors=1100)
浏览 4提问于2016-05-18得票数 1
回答已采纳
我是个立体视觉新手。我知道什么是视差和视差图。我不能理解V-视差的概念。谁能解释一下它是如何产生的，以及它如何用于图像稳定？
这是一张样本图像及其V向视差
浏览 1提问于2015-10-09得票数 1
我有问题的视差/平滑整理和鼠标滚轮滚动的Bootstrap模式弹出窗口。当用户单击“了解更多”按钮时，会出现Bootstrap模式弹出窗口。模式弹出窗口具有滚动条。问题是用户无法使用鼠标滚轮滚动，因为该事件被视差/平滑-scolling脚本截获。
我不能在这里插入代码，因为代码量太大。此问题可在此上重现。
有没有可能通过向网站添加自定义javascript来解决这个问题？
浏览 0提问于2016-02-29得票数 0
1回答
只能使用CSS将视差滚动添加到网页中。不使用javascript或jquery。并且随着页面的移动，带状部分会改变非滚动背景的颜色。
浏览 1提问于2015-09-10得票数 3
回答已采纳
我为jQuery修改了jQuery插件，在我的网站上使用视差效果。问题是(即使在上面链接的演示中) Chrome和IE有一个非常不光滑的滚动。它只有当你按鼠标的中间按钮，滚动是连续的(而不是“一步一步”，当你滚动鼠标轮)。所以当你用鼠标滚轮滚动时，视差效果就完全被破坏了。相反，在Firefox中，滚动是连续的，即使用鼠标轮滚动也是如此。在IE和Chrome中是否也有连续滚动的方法(javascript?)
是我的网站(如你所见，如果你使用火狐访问它，效果会完全不同)。
浏览 2提问于2013-09-01得票数 8
回答已采纳
对于我目前的项目，我在网站上使用视差滚动，目前正在开发该网站的移动/平板电脑版本。
目前，由于滚动事件的不同，视差滚动在平板电脑和手机上不能很好地工作，所以当检测到移动设备时，我想在我的脚本文件中禁用javascript调用。目前，我正在使用
if ( $(window).width() > 960) {
然后启动我的视差代码。我想知道是否有更好的方法来实现这一点，它将针对设备而不是分辨率，因为我知道市场上许多屏幕的宽度将超过960px。
如果你想看看它是如何工作的，你可以在上找到这个网站的当前版本，但如果有任何帮助，我们将不胜感激！
浏览 0提问于2012-04-16得票数 7
回答已采纳
1回答
hotdot中的垂直视差滚动
、、、、
我在git hub 上研究这个视差。
这里的视差效果很棒，我正在尝试修改code.Here滚动从右到左。我想要一个顶部/down滚动。我尝试过更改位置(从右到上，从左到下溢出-Y到溢出-x)，但它不工作.Any想法如何做到这一点?我很想学习这个，因为滚动到元素(框/图像)后的效果很棒。(它显示了一点激动人心的效果)我很难在任何其他project.Is中找到它，有任何其他版本(显示htdt的自上而下视差)。在这种情况下请重定向。
浏览 3提问于2014-02-21得票数 0
该网站暂时由托管。
我使用了Pure CSS视差示例。
所有的超文本标记语言，CSS和JavaScript应该是可见的查看页面源代码。在Chrome中，视差效果效果非常好。在Firefox中，这个效果是有效的，但当我滚动经过某个点时，背景图像开始消失！
浏览 3提问于2016-05-11得票数 2
3回答
朋友们，我想做一个的演示设计，但我对如何实现感到困惑。我应该选择视差滚动，或者我应该更喜欢skrollr或scrollmagic，或者只使用简单的css和少量的jquery代码？建议最简单的方法来实现这一点。谢谢:)
浏览 2提问于2017-04-24得票数 0
6回答
我一直在做一个项目，我已经完成了内容。然而，对于设计，我正在考虑使用视差滚动技术。
然而，我所能了解到的都是使用JavaScript或Jquery，而我只精通CSS3。
视差滚动能否仅用CSS3实现(如果需要的话使用HTML5 )，而不是使用jquery？如果我能为同样的课程提供一些指导，那就太好了。
注:这接近我想要产生的效果()
浏览 5提问于2013-11-16得票数 25
回答已采纳
我正在开发一个具有三个基于图像的视差滚动层的缩放网页。只有前两层是用parallax javascript设置的。第三层被设置为正常的滚动速度0，因此它不需要任何滚动速度修改。
我的问题是，当页面重新加载时(至少在Firefox上)，当你不在页面顶部时，这两层加载到了错误的位置，但一旦开始滚动，就会自动纠正。
我相信这个问题与position属性有关。更改为"relative“具有相同的效果，更改为"fixed”具有类似的效果(除了在重新加载时，层的行为就像视口的顶部是页面的顶部一样)，没有position属性会导致它们不分层，也不具有视差滚动效果。
这是我用来实现视差效果的j
浏览 1提问于2015-10-06得票数 0
1回答
我希望为iOS构建一个连续的视差滚动视图，它将充当一个tableView。我想要重新创建的内容非常类似于在上显示的滚动。我见过很多“双视差”视差视图，但没有一个是连续的。
我知道这不是一个直接的问题，但我确实需要一些帮助，使其朝着正确的方向发展。
浏览 3提问于2014-03-18得票数 0
回答已采纳
1回答
带自定义滚动条的视差滚动
、、、、
我使用视差滚动与插件(像素parallax.js)，它运行良好与默认浏览器滚动条，但我在我的网站上使用自定义滚动条插件，但视差没有运行。我尝试了下面的代码。
Html:
<body>
<section class="hobies-wrapper" data-parallax="scroll" data-image-src="images/parallax-img2.png"></section>
</body>
Javascript:
function myCustomFn(el){
$(&
浏览 1提问于2018-02-25得票数 2
回答已采纳
2回答
视差滚动不起作用
、、
我正在尝试将视差滚动合并到我的背景中，它相对于网页内容以较慢的速度移动。我一直在遵循教程，但什么都不起作用，我被卡住了。这是jsfiddle -
这里是javascript。对不起，我有很多的html / CSS，所以我会把它留在小提琴链接。此外，我的背景图像没有显示在小提琴中，但它是静态的，当它应该是视差在浏览器中。
function parallax(){
var para = document.getElementById("parallax-layer");
para.style.top = -(window.pageY
浏览 2提问于2018-02-25得票数 0
7回答
今天我看到了最神奇的ipad app，我确信它是用html5，css3和javascript写的……这个应用程序最好的部分是他们完美地创建了一个视差滚动……我的问题是。如何？..。我找不到任何关于它的文档可以在iOS设备上创建视差滚动...如果有人能给我一个链接或任何关于如何做到这一点的建议，将不胜感激…有人吗？...关于J的kind
浏览 0提问于2012-03-07得票数 7
1回答
CSS视差标头和粘性导航互斥？
、、、、
我正在开发一个新的HTML5 CSS3模板，该模板具有视差滚动标题、粘性导航菜单和滚动到顶部链接。
我已经让元素单独工作，然而，有一些CSS规则的视差标题，这是打破粘性导航和滚动链接，它是我的头！
CSS规则：
html {
height: 100%;
overflow: hidden;
}
破坏使用Javascript/jQuery滚动事件的能力
$(window).scroll(function() {
alert("Hello!");
});
永远不要触发事件，但是注释掉CSS规则，它就能工作了。
其次，视差效应需要CSS透视图规则集，而这些规则似乎不一致:固
浏览 5提问于2017-07-23得票数 1
1回答
移动设备上的粘性滚动问题
、、、
我正在使用CSS视角制作视差效果，这似乎是在手机上创建高性能视差的唯一方法。滚动区域在一个框中，可以在里面滚动(这是屏幕的大小)，视差可以工作，但是在我的ipad上，当它滚动时(不能‘轻弹’屏幕，当你松开屏幕时它就会滚动)，就像这台post一样。解决方案是容器上的这个CSS： -webkit-overflow-scrolling: touch; 这恢复了“轻弹屏幕”的能力，并在松开屏幕后滚动。然而，它再次使透视变得平坦，并且不再有视差。有什么方法可以保持视角，并在手机上正常滚动？在ipads/手机上似乎没有好的视差方法？
浏览 14提问于2019-10-03得票数 2
回答已采纳
1回答
如何加快背景图像的滚动速度？
、、、、
我想要实现一个简单的视差效果，其中背景图像的滚动速度必须比上面的元素快。如何使用JQuery或javascript来实现这一点？
浏览 12提问于2016-08-07得票数 1
我目前正在建立一个水平滚动网站的过程中，我正在使用火车头滚动作为滚动库。 页面相当简单:背景上只有几行文本和一些视差图像。 让图像移动较慢相当简单，只需要为它们分配两个自定义属性: data-scroll (将组件标识为视差元素)和data-scroll-speed="x“(定义其移动速度)。 但是，当页面加载时，图像似乎不在正确的位置。当用户滚动时，它们会比正常显示的时间早得多，并且突然移动到正确的位置。 只有当用户滚动整个页面后，元素才会移动到正确的位置。 将视差元素的位置CSS属性从绝对更改为固定或相对，或者将它们的显示值从块更改为内联块似乎都没有任何影响。 我相当确定这不是s
浏览 35提问于2021-03-31得票数 0
回答已采纳
1回答
我不知道该怎么回答这个问题，所以抱歉，我会尽我所能解释。我正在尝试将图像显示到用户浏览器窗口的全部宽度和高度。与视差滚动，所以它是一个一个页面的网站，当你加载它，它将有这个图像和一个h1，然后视差滚动到网站的内容。
浏览 3提问于2013-11-26得票数 0
回答已采纳
3回答
相对速度的简单视差滚动
、、、、
我想创建一个简单的视差滚动效果的网站，其中的元素滚动在不同的速度。我尝试使用Skrollr库，但是我不能让它做我想做的事情。我可以使用什么Javascript库或技术来轻松定义元素的相对滚动速度？
示例：
<div data-speed="50%"></div>
我试着使用这个教程：，但我不能很好地理解它。我需要一些非常简单的东西，因为我是Javascript的新手。
浏览 1提问于2013-10-11得票数 1
回答已采纳
2回答
实现视差滚动是非常容易的。这个问题是关于如何改进它的表述。
手调一些多层的视差滚动因子是可行的，但是视差滚动是为了模仿线性透视图的特性--它有一个基本的三角函数关系，我相信它可以从正确的数学中受益。
假设我的运动场有一个视差滚动因子1.0，相机距离为1.0。给定任何其他层，我们如何计算它的滚动因子从它的相机距离，或它的相机距离从它的滚动因子？
浏览 0提问于2023-02-05得票数 0
1回答
视差点击菜单项
、、、、
我在研究水平视差。在我的水平网页上，我有几个div，我在图片上应用视差效果。实际上，如果我用水平滚动法滚动，视差看起来是有效的。我的问题是，当我点击项目菜单时，视差似乎不起作用。你知道我该修改什么吗？这是我的小提琴：
我的javascript测试：
$(document).ready(function() {
$("body").addClass("has-js");
$("form").bind("submit",function(event){
event.prev
浏览 1提问于2014-04-16得票数 1
回答已采纳
3回答
我正在尝试开发一个类似于ios中的忍者跳跃的游戏，可以使用cocos2d + box2d进行无限滚动！(不需要视差滚动)无休止滚动的最佳实践是什么
1:移动图层(即改变图层位置)2:移动相机3:使用视差滚动单层(即仅使用一个相同速度的视差层)
或者其他更好的方法？
浏览 2提问于2012-08-01得票数 1
回答已采纳
2回答
我正在玩，并试图建立一个视差网站-是的，我知道他们是一个恼人的时尚，但我仍然希望有一个尝试。因此，作为灵感，我一直在寻找各种好的视差网站的例子，并发现了这个例子：。
它有光滑滚动使用鼠标轮，滚动条，和锚链接。我一直在寻找能够实现这一效果的jQuery插件，但似乎只能找到那些使用内部页面链接的插件--锚或ID(详见下文)--但没有鼠标轮和滚动条。有一个很好的机会，我是使用错误的关键字搜索。有谁知道找到这些插件的正确术语吗?或者知道任何能够实现这种效果的插件吗？
顺便提一句，我目前正在学习jQuery和Javascript，但还处于初级阶段--还没有在任何真实的代码中使用。因此，目前我正在玩插件作
浏览 2提问于2012-05-09得票数 6
回答已采纳
我需要帮助创建一个css视差页面就像
我希望视差是这样的格式：
固定div
滚动div
滚动div
固定div
滚动div
滚动div
固定div
浏览 3提问于2014-11-21得票数 0
1回答
具有固定侧栏滚动的视差
、、、、
我想做一个视差，当你向下滚动时，它会向你显示内容和侧边栏。当您进一步滚动时，当侧栏到达顶部时，它会停在那里(固定)。目前，我的侧边栏已经修复，挡住了视差的整个图像。
这是它看起来的样子。
CSS：
body, html {
height: 100%;
}
#parallax {
background-image: url("https://image.jpg");
height: 100%;
background-attachment: fixed;
background-position: center;
backgrou
浏览 2提问于2018-02-05得票数 1
我正在构建一个视差滚动条，其中还包括导航栏上正常(非视差)页面的链接。当你在标准的视差滚动部分时，这很好用，但是我不能从其他非视差页面中获得直接转到视差站点中的部分的链接。
视差中的链接如下所示：<li><a href="#random-section">Things</a></li>
我想链接到*.html，然后再链接到一个特定的部分。对如何做到这一点有什么想法吗？
谢谢!
浏览 0提问于2013-11-16得票数 0
我想使用立体相机来测量物体的距离，到目前为止，我已经校准和校正了我的相机，生成了视差map.Using opencv stereo_match。但是我被困在如何向前移动以使用视差矩阵来找出图像中对象的距离。我也对视差矩阵有疑问，有人能解释一下it.What是它的内容吗？另外，如何改善视差图，我已经尝试改变参数，但收效甚微。任何帮助将不胜感激，一些示例代码或任何链接。
谢谢
浏览 10提问于2018-04-04得票数 0
6回答
平滑背景图像的视差滚动
、、、
我做了一些研究，并写了一个简单的jQuery，它以稍微不同的速度滚动背景和前景，当你向下滚动一个网站时，它会产生一种视差效果。
不幸的是，它有点肉干。
以下是HMTL的基本布局：
<body>
<section>
Site content goes here.
</section>
</body>
下面是CSS：
body {
background-image: url('../images/bg.png');
background-repeat: repeat-y;
bac
浏览 0提问于2013-04-03得票数 11
回答已采纳
1回答
我注意到有几个网站的背景图像放大，在，并移动基于滚动。我很熟悉视差滚动，但这似乎有点不同，因为背景图像实际上并没有改变。
我所指的一些例子(其中也有一些视差)是和。当它转向现实生活时，特别是在结束时，弗拉特夫斯现实主义就有了它。
因为我确信这是非常复杂的，不能单独完成，所以我想知道是否有任何JavaScript库可以工作。我对ScrollMagic很熟悉，但似乎它的功能并没有扩展到这个程度。
浏览 3提问于2014-04-30得票数 0
回答已采纳
1回答
如何创建自然滚动的水平视差？
、、、、
我一直在研究视差效果以及如何创建它们，但在任何地方我都没有看到任何关于如何创建视差效果的信息，比如在这个网页上：https://www.fhoke.com 我已经想出了常规的垂直视差，我找到了关于水平视差的信息(它使整个网页水平，而不是其中的一部分)，但我找不到如何制作像上面的网页那样的东西，在上面的网页中，当你垂直滚动的时候，只有一部分水平移动。 我怎样才能用普通的javascript css和html做到这一点，或者这只有JQuery/Plugins才能做到呢？ 编辑:我试着检查代码，但似乎也找不到它。
浏览 7提问于2021-05-06得票数 0
1回答
网页视差背景抖动滚动
、、、、
我编码了我的和我想要一个视差的效果在我的背景时，滚动。它可以工作，但在一些计算机上&或者在某些浏览器上，或者在某些窗口大小上，在滚动时背景会上下抖动，同时仍然能保持视差效应。我不知道到底是什么组合导致了这个问题，这似乎不一致。
在css中，我的页面正文上有一个垂直重复的背景图像(六边形图案)：
body {
background: #fff9ed;
background-image: url("hexagon-side.png"), url("hexagon-side.png");
background-position: 0px 0p
浏览 4提问于2022-11-29得票数 0
回答已采纳
1回答
使用视差代码更改导航栏干涉的颜色
、、、、
我试图让导航栏的颜色在向下滚动后改变，但当我这样做时，它不起作用。在我的页面中，我首先有导航栏的代码，然后是一个div，里面有一个带有视差向下滚动效果的视频画布。
我假设它不工作，因为导航栏和视差代码之间可能有一些干扰。这是因为当我尝试删除视差代码时，它工作正常。
具有视差效果的代码的。如果你去掉了视差部分，它就会正常工作。
浏览 2提问于2017-05-09得票数 0
2回答
我想在片段中实现视差滚动效果，活动包含视图寻呼机，查看寻呼项是片段，如何在其中实现视差滚动效果。片段布局有两个子元素。一张图片和TextView在它下面。ImageView应具有视差效应。
浏览 4提问于2016-04-25得票数 1
回答已采纳
1回答
我有一个使用构建的视差网站，它工作得很好，直到我到达页面的末尾。我希望<div class="footer"></div>是您可以在页面上滚动的最后/最远的点。
目前，如果我在大屏幕上查看它，我会看到一个巨大的白色间隙，或者我无法在小屏幕上进一步向下滚动查看页脚。
我使用data-0="top:4580px;" data-11000="top:1580px;" data-end="top:=830px;"属性来设置视差效果。
我希望它在页面底部的行为像一个普通的非视差效果，但是如果我不设置data属性，那么
浏览 0提问于2013-09-21得票数 1
1回答
在一个项目中，我需要构建类似著名的视差驱动的Mario体验站点，它还带有水平和垂直滚动(如果您还没有看到它，这里是：)。
为了获得滚动效果，我抓取了JQuery滚动路径插件(这里的网站：)，它似乎适合我对免费滚动的需求。
当我试图加入一些插件来产生视差效应时，问题就来了。我尝试了几个插件(包括Stellar.js、jInvertScroll、Parallax.js、视差-JS)，但它们似乎都不能正常工作。我假设，与scroll路径插件一起提供的自定义滚动与使用导航器滚动的视差插件的需要之间存在某种关系。
我在Google上搜索了一些类似的情况(例如，用视差插件实现Scroll路径)，但是在我目
浏览 1提问于2014-04-21得票数 1
回答已采纳
我正在尝试使用来自react-materiallize的视差用于一个投资组合网站。我已经让图像在视差中工作，但它似乎并不是不滚动。
我在index.html文件中的material CSS之前加载了JQuery
import React, { Component } from 'react'
import {Parallax, Row} from 'react-materialize'
export default class ParalaxComponent extends Component {
render(){
debugger
浏览 0提问于2019-03-26得票数 1
1回答
我有个问题。我需要做一个像这样的视差，。我知道如何使视差，但不是只有一个移动滚动鼠标。
从滚动中移动一次，滚动就会直线运行。
浏览 0提问于2012-12-25得票数 0
当你滚动或列表视图视差时，我看到了许多演示视差背景的例子，但我找不到一个清晰的例子，当你在活动中滚动时如何在图像上实现视差效果。
可以在Airbnb应用程序中找到一个示例实现。当你向下滚动时，你可以看到更多的图像底部，而当你向上滚动时，你可以看到更多的图像顶部。
有什么关于如何创造这样的效果的提示和技巧吗？
浏览 6提问于2014-11-18得票数 18
回答已采纳
我有一个jQuery视差垂直滚动网站，我试图跟踪点击的div分析。
我做了一个简单的测试，下面的测试似乎是正确的。
onclick="javascript: _gaq.push(['_trackPageview', 'PageArea']);">
但是当我将它添加到我的菜单中时，这些菜单具有活动的翻转和使用视差转换。我把那个片段放在哪里就会杀死一个特征。例如，我把它放在最后，就像我之前的测试一样-它会终止翻转，但其他一切都没问题。我把它放在乞求它杀死视差过渡。有什么建议吗？
下面是有问题的区域：
<li><a href=#
浏览 1提问于2011-11-28得票数 0
回答已采纳
1回答
仅通过导航的视差“滚动”
、、、、
由于我对Javascript/Jquery/HTML5/CSS3还是个新手，我想我应该向你们所有更有经验的程序员提一个问题。
我有点卡在我的程序逻辑的开头。我想做一个具有视差“滚动”效果的网站，然而，该效果应该只发生在用户点击导航按钮在屏幕的边缘。
网站的布局如下所示：
O
OXO
O
“O”是内容div，"X“是”主页“(原点)。如果用户点击屏幕顶部的箭头(从原点)，页面将向上滚动。任何其他方向都是如此。我想要一张机构的背景巨幅照片，它根据他们”滚动“到的特定内容div的位置，使用视差效果。
我已经绞尽脑汁两天了，试图弄清楚从哪里开始。任何帮助都将不胜感激，如果我需要更具体的东西
浏览 0提问于2012-07-12得票数 2
回答已采纳
我正在使用
我的代码：
<div class="parallax-container">
<div class="parallax">
<img src="../../public/assets/img/mount.jpg" />
</div>
</div>
<div class="parallax-container">
<div class="parallax">
浏览 6提问于2017-04-09得票数 0
回答已采纳
1回答
我正在尝试用javascript为移动网站做一个简单的视差效果。
当我从我的桌面浏览器查看时，它工作得很好。当我在移动设备上查看它并使用触摸滚动时，动画就冻结了。松开触摸屏后再次显示。
有没有办法在我使用触摸屏滚动时保持动画效果？
嗯，当你在触摸屏移动设备上滚动时，任何类型的JS动画都会冻结。
lft = 0;
setInterval(function(){
lft++;
$('#my-div').css('margin-left',lft+'px');
},100);
如果有人想在live中看到这个问题，可以在这里查看
浏览 2提问于2012-02-03得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
