视差透明滚动效果，“幕”div放置在视差div之外
视差透明滚动效果是一种网页设计技术，通过利用不同元素的滚动速度差异，以及透明度的变化，创造出一种立体感和层次感的视觉效果。在这种效果中，“幕”div被放置在视差div之外，可以使得“幕”div在页面滚动时保持固定的位置。
这种效果可以为网页增加动态和交互性，提升用户体验。在具体的应用场景中，视差透明滚动效果常被用于展示产品介绍、故事叙述、页面导航等方面，可以帮助吸引用户的注意力，增加页面的吸引力和趣味性。
在腾讯云的产品生态中，可以利用以下相关产品来实现视差透明滚动效果：
- 腾讯云小程序：腾讯云小程序是基于微信小程序的一种应用开发方式，可以通过使用小程序开发框架和组件，灵活地实现视差透明滚动效果。 产品介绍：https://cloud.tencent.com/product/wxapp
- 腾讯云Serverless Framework：Serverless Framework是一种基于事件驱动的无服务器架构框架，可以帮助开发者简化应用部署和管理，快速构建支持视差透明滚动效果的应用。 产品介绍：https://cloud.tencent.com/product/sls
- 腾讯云CDN加速：CDN加速是一种通过在全球分布的加速节点缓存网站静态资源，提升用户访问速度和体验的技术，可以用于加速视差透明滚动效果中所涉及的图片、样式和脚本等静态资源的传输和加载。 产品介绍：https://cloud.tencent.com/product/cdn
需要注意的是，以上提到的腾讯云产品仅作为示例，并不代表其他云计算品牌商没有类似的产品。在实际应用中，可以根据需求和技术栈选择适合的云计算产品来实现视差透明滚动效果。
相关·内容
如何在背景图像上正确地呈现粒子效果，该效果的粒子是加性混合的？
问题是粒子也是与背景加在一起的，我该如何避免呢？(也就是说，把它们加在一起，但也不能加到背景中)
一些额外的制约因素：
我正在处理的游戏分为8层，如下所示：
背景#1 (视差滚动)
背景#2 (视差滚动)
背景#3 (视差滚动)
粒子效应层#1
游戏对象
粒子效应层#2
用户界面
粒子效应层#3
如果FBO是解决混合问题的唯一方法，我应该使用8个纹理(具有屏幕尺寸)，并将每个层分别呈现给FBO，然后将8个纹理呈现到窗口框架缓冲区中吗？这似乎太消耗记忆了。使用单一纹理将需要16个FBO开关..
浏览 1提问于2012-08-27得票数 0
2回答
我想知道如何创建像视差滚动效果这样的效果。向下滚动得越远，div就越不透明，在某个点之后，它又开始变得更加透明。我知道JS/JQuery需要这样做。有人能给我一个简单的方法来实现这一点吗？
浏览 0提问于2015-04-07得票数 1
1回答
仅通过导航的视差“滚动”
、、、、
由于我对Javascript/Jquery/HTML5/CSS3还是个新手，我想我应该向你们所有更有经验的程序员提一个问题。
我有点卡在我的程序逻辑的开头。我想做一个具有视差“滚动”效果的网站，然而，该效果应该只发生在用户点击导航按钮在屏幕的边缘。
网站的布局如下所示：
O
OXO
O
“O”是内容div，"X“是”主页“(原点)。如果用户点击屏幕顶部的箭头(从原点)，页面将向上滚动。任何其他方向都是如此。我想要一张机构的背景巨幅照片，它根据他们”滚动“到的特定内容div的位置，使用视差效果。
我已经绞尽脑汁两天了，试图弄清楚从哪里开始。任何帮助都将不胜感激，如果我需要更具体的东西
浏览 0提问于2012-07-12得票数 2
回答已采纳
我正在尝试制作一个具有视差效果的水平部分。在背景中应该有一个图像，它以与页面不同的速度滚动。
问题是:我希望视差元素包含在父元素中，所以父元素的工作方式有点像子元素的掩码:子元素只在父元素的边界内可见。
我知道这可以通过在背景位于视差元素之上并遮挡它的两个元素之间的视差元素来实现，但这种方法不适用于我的情况。
脑海中浮现的一个明显的想法是使用overflow:隐藏在父对象上。然而，这打破了3D变换，因此没有留下视差。
如何达到所描述的效果？
这是一个代码人：。我希望红色矩形在带有黑色边框的“视差容器”外不可见。
* {
margin: 0;
}
htm
浏览 5提问于2021-10-10得票数 8
1回答
当你向下滚动时，它会产生滚动效果。就像你向下滚动时，div和图像都出现在视图中。它叫什么，我如何实现它？
编辑：视差滚动不是我要找的。向下滚动到上面写着"Featured“的部分，然后查看水平显示的3幅图像。如果你在那个区域滚动，你会看到图像有一个滑动的影响到这个位置。我怎样才能用div和图片做到这一点呢？
浏览 5提问于2016-11-14得票数 0
1回答
我有几张幻灯片在视差网站，但我有一个链接到一个静态页面。从静态页面中，如何链接回特定的幻灯片并保持滚动效果？
我使用Stellar.js作为我的视差脚本。
我在视差页面上的导航：
<nav class="navigation">
<ul>
<li data-slide="1" >
<div class="item"><a href="#">Slide 1</a></div>
</li>
<li data-sli
浏览 5提问于2013-04-26得票数 0
1回答
使用视差代码更改导航栏干涉的颜色
、、、、
我试图让导航栏的颜色在向下滚动后改变，但当我这样做时，它不起作用。在我的页面中，我首先有导航栏的代码，然后是一个div，里面有一个带有视差向下滚动效果的视频画布。
我假设它不工作，因为导航栏和视差代码之间可能有一些干扰。这是因为当我尝试删除视差代码时，它工作正常。
具有视差效果的代码的。如果你去掉了视差部分，它就会正常工作。
浏览 2提问于2017-05-09得票数 0
1回答
假设我有以下内容：
<div id="grandparent" style="background:some-image">
<div id="parent" style="background-color:white">
<div id="child" style="something">
</div>
</div>
</div>
是否可以在#子文件中使用CSS覆盖#父级的白色背景，并显示来自#爷爷奶奶的图像？
浏览 2提问于2015-08-11得票数 0
回答已采纳
1回答
在滑块jquery上的视差滚动
、、、、
当我在网站上向下滚动时，我尝试使用一个具有视差滚动效果的全屏滑块，但是所有的视差效果都应用在图像上，而不是整个div或滑块。
浏览 4提问于2015-04-27得票数 0
1回答
目标
这是的后续问题.
我试图创建一个视差滚动效果。
parallax-container的实现方式如下：
< div class=“视差幻灯片-1”>< /div >
当容器被滚动到视图并停止时，视差效应成功地启动，当容器离开视图时。
问题
不幸的是，当我将视差容器放置在页面的下方时，效果会从背景位置开始，位于错误的位置，。
我明白为什么会出现这个问题，但我不知道如何解决。
我需要的基本上是：
一旦视差容器被滚动到视图中，就启动效果：works。
一旦它离开视图，就停止效果：works。
只将背景位置按自进入视图后滚动的距离移动。不是相对于
浏览 2提问于2014-06-19得票数 0
1回答
可能完全找错了树，但你能用div背景图像元素制作一个视差滚动图像吗？
我想要发生的是，我目前有一些DIVs的图像与文本效果滚动，但我，因为我正在使用视差的背景图像，我想保持与所有网站的图像的3D主题。
编辑:例如，是否可以使此页面上的蓝色框：
Www.parkhalmanor.co.uk/new
使用视差效果滚动单独的图像？
浏览 3提问于2013-03-18得票数 2
回答已采纳
1回答
这是我的Html：
<iframe onload="reloadOnce(this)" frameborder="no" src="cloud.php" class="foo1" scrolling="no" seamless="seamless" allowTransparency="true" width="100%" height="90em"></iframe>
这是我的CSS
.foo1{margin: 0; padd
浏览 6提问于2014-09-29得票数 2
我试图在fullpage.js插件的各个部分之间添加一些视差效果背景。
代码是这样的
<div class="fallpage">
<div class="section">content</div>
<div class="parallex-background"></div>
<div class="section">content</div>
<div class="parallex-background&#
浏览 2提问于2016-02-11得票数 1
回答已采纳
1回答
我有一个使用构建的视差网站，它工作得很好，直到我到达页面的末尾。我希望<div class="footer"></div>是您可以在页面上滚动的最后/最远的点。
目前，如果我在大屏幕上查看它，我会看到一个巨大的白色间隙，或者我无法在小屏幕上进一步向下滚动查看页脚。
我使用data-0="top:4580px;" data-11000="top:1580px;" data-end="top:=830px;"属性来设置视差效果。
我希望它在页面底部的行为像一个普通的非视差效果，但是如果我不设置data属性，那么
浏览 0提问于2013-09-21得票数 1
我想知道如何实现类似于TodoMovies 3中所见的滚动视差效应。
在TodoMovies 3中，UITableViewCell的背景(我认为是这样)比页面的滚动速度更快，产生了非常棒的效果。
您将如何检测TableView的滚动视图，并以执行的方式调整单元格的背景图像？
或者用UITableView无法达到效果？
浏览 2提问于2014-05-16得票数 0
回答已采纳
我正在设置我的WordPress网站，我使用不透明度让背景图像“闪耀彻底”，这显示了视差滚动效果相当好。问题是背景图像在不透明的前景图像上也会发光！
请参阅
尝试过编辑样式表(style.css)，但我想不出如何摆脱它。html结构类似于
<article>
<div>
<p>
<img> [the image with the problem AND text]
我试过的是：
在img、div和文章类样式中添加“不透明度: 1.0;”，并且只在文章中才会生效。(但之后我也失去了文本背后的不透明性。)
在img类中
浏览 3提问于2014-08-18得票数 0
回答已采纳
4回答
我正在使用为一个垂直滚动的网站添加视差效果，但我在背景位置上遇到了问题。当我使用“data-stellar background -ratio”类在div上添加视差效果时，我无法通过CSS将背景位置设置为右。无论如何，所有的背景图像都会移到左边。我尝试使用网站上可用的position属性插件语法，但它似乎以某种方式打破了视差效应。有人能帮我吗？谢谢!
浏览 1提问于2012-09-19得票数 2
1回答
首先，如何让这个函数只在滚动上运行？第二，如何在无限滚动窗口时循环/重复此函数？
$(function(){
$(".media-nav2").transition(
{ y: -600 }, 1500,
'cubic-bezier(.69,.19,.35,.83)');
});
我在这个插件中使用了上面的函数。这是我的webiste 。这是一个没有滚动条的单页视差。您可以使用顶部菜单和鼠标/触摸滚动进行导航。如果您选中此链接，您可以看到div.Media-NAV2在页面加载时立即转换。
基本上，我试图创建一个视差效果，当您向下滚动到下一页/部分时
浏览 1提问于2013-12-27得票数 0
我试图在不使用background-image和background-attachment: fixed的情况下创建一个视差效果，因为background-attachment: fixed在iOS上不能很好地工作。这是我想出来的：
HTML
<article class="twentyseventeen-panel">
<div class="panel-image">
<div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;&#
浏览 23提问于2017-09-05得票数 23
回答已采纳
3回答
我看到了这个效果，。滚动页面时，页面的主要内容部分将移动到div上方。
我尝试使用视差效果重新创建这种效果，但在vain.The的问题是，使用视差，我可以改变两个对象的速度在同一个div only.Also除了这一点，我将不得不在整个页面上放置一些不必要的标签，使脚本工作。
有没有更简单(或有效)的方法来达到这个效果?非常感谢
浏览 1提问于2013-02-11得票数 0
回答已采纳
1回答
我已经在我的网站上创建了一个视差滚动效果，一切正常，但是标题，即使它与视差滚动在同一个div中，也不会停留在相同的位置，而是与正文一起向上移动。我试了很多方法，但似乎都不管用。我已经包含了相关的HTML和CSS。谢谢 相关HTML： <div class="parallax-effect">
<h1 class="para"><strong>We Will Beat Coronavirus</strong></h1>
</div> 相关CSS： .parallax-effect {
浏览 9提问于2020-04-14得票数 1
2回答
我想在片段中实现视差滚动效果，活动包含视图寻呼机，查看寻呼项是片段，如何在其中实现视差滚动效果。片段布局有两个子元素。一张图片和TextView在它下面。ImageView应具有视差效应。
浏览 4提问于2016-04-25得票数 1
回答已采纳
1回答
我正在尝试用javascript为移动网站做一个简单的视差效果。
当我从我的桌面浏览器查看时，它工作得很好。当我在移动设备上查看它并使用触摸滚动时，动画就冻结了。松开触摸屏后再次显示。
有没有办法在我使用触摸屏滚动时保持动画效果？
嗯，当你在触摸屏移动设备上滚动时，任何类型的JS动画都会冻结。
lft = 0;
setInterval(function(){
lft++;
$('#my-div').css('margin-left',lft+'px');
},100);
如果有人想在live中看到这个问题，可以在这里查看
浏览 2提问于2012-02-03得票数 3
有什么办法可以达到“视差”的效果时滚动。
我在使用
或者任何不同的脚本来实现整个页面滚动(带有导航)和视差效果。
提前谢谢。
编辑:我真正想做的就是这种效果--
浏览 5提问于2014-07-09得票数 1
1回答
如何创建齿轮视差效果？
、、、、
我正在编写一个网站。在文档的侧面，我计划将半齿轮固定在页面上(img{position: fixed ;})，当向上或向下滚动时会旋转。我知道这可能是视差滚动的一种使用。
经过几个小时的尝试，我试图用各种技术来创造这种效果，但我一直没有成功。有谁知道我可以用CSS3，jQuery，Adobe Muse或Adobe Edge Animate创建这个效果的方法吗？
浏览 6提问于2014-12-09得票数 0
1回答
在过去的几天里，我一直在尝试创建一个视差标题，我已经非常接近了，但我还有最后一个问题要解决。包含视差标题和所有内容的div不包含我的标题。这是一个问题，因为它没有滚动页面的其余部分，看起来像一个粘性标题，这是我不想要的。
你可以在这里看到我的问题：
我想不出如何对div进行排序，同时又不破坏视差效果，也不能防止滚动条行为怪异。
目前我在"et-main-area“中有视差的东西，但不包括导航栏。如果我移动视差id，它就会破坏效果。我搞不懂！
HTML：
<div id="et-main-area">
<div id="parallax&
浏览 0提问于2018-05-08得票数 0
1回答
首先，非常感谢你检查我的问题。
我是在一个网站上工作，需要改变垂直图像在选定的div，如视差效果。有3个图像，需要改变他们。
在一个div中有3幅图像。检查下面的截图。
这是图像1，所有这3幅图像都是屏幕的一半宽。
这是图2。
就像这样，还有另一个图像3，右边的黄色内容没有变化。现在我只添加了一个简单的滚动条来滚动。
我需要添加对这些图像的视差效应，以垂直滚动或快速改变图像上的鼠标滚动。
关于视差效应的例子，我需要添加：
或者我想应用这个效果：
<div class="block">
<img src="https://unsp
浏览 1提问于2019-03-04得票数 0
我遵循了一个关于css-only滚动视差效果的教程，但现在我想把图像放在一个圆内。
所以我...
1)将父div ("wrapper")设置为我选择的维度。
2)将父对象设置为overflow-hidden (到目前为止，视差效果在我的“裁剪”框中仍然有效)，
3) ...but当我设置任何类型的边界半径时，它打破了视差效果，当我滚动时图像冻结在适当的位置。
这是我的画笔：，它的视差效果在一个名为“wrapper”的正方形div中工作。如果您尝试添加边界半径，则会打破视差效果。
.html {
overflow:hidden;
}
.scroll {
right:0p
浏览 10提问于2017-08-04得票数 0
当你滚动或列表视图视差时，我看到了许多演示视差背景的例子，但我找不到一个清晰的例子，当你在活动中滚动时如何在图像上实现视差效果。
可以在Airbnb应用程序中找到一个示例实现。当你向下滚动时，你可以看到更多的图像底部，而当你向上滚动时，你可以看到更多的图像顶部。
有什么关于如何创造这样的效果的提示和技巧吗？
浏览 6提问于2014-11-18得票数 18
回答已采纳
1回答
在我的web应用程序中，我试图设置一个div在滚动事件上的高度，以产生UI效果和视差，当我在顶部滚动时，Div会变大，当我滚动到底部页面时，Div会因为视差效应而变小。
我用@HostListener('window:scroll'，'$event')来触发卷轴，它的工作，但结果是如此粗糙的冻结框架，随机延迟.
有人知道为什么这么随意的问题吗？或者角库可以通过性能优化来做到这一点？
component.html：
<div id="header" class="header" >
<div c
浏览 4提问于2020-11-01得票数 0
嘿，这都是我的第一个问题，放松点。我正在学习CSS3，并遇到了我想要使用的效果。我不确定它是简单地被归类为视差滚动，还是有一个特定的名称。
手机上没有显示效果..。
在某些点向下滚动，在内容背后有一个不同的静态背景。它叫什么，它是如何实现的？任何与参考资料的链接将不胜感激。
干杯!
浏览 1提问于2015-09-15得票数 0
回答已采纳
2回答
在2D游戏的背景下，我有3张银河系/太空的平铺图片:第一张的阿尔法是100%，第二张是80%的阿尔法，最后一张是60%的阿尔法。当然，我在后台滚动的那个比其他的要慢。经典视差。在前景，我有一些粒子飞向播放器，以模拟一些尘埃/星星飞过。(我知道星星不会飞过，但我想我们在很多比赛中都见过这种情况)。但我不能完全达到我想要的深度效果。我希望它看上去“更深”。
我确实读过一些关于在背景中使用混合模式的内容，但这需要将它们作为对象呈现，对吗？
所以问题是:在GameMaker中做滚动视差背景的好方法是什么？
浏览 0提问于2012-11-16得票数 1
4回答
像很多人一样，我看过Keith Clark的纯css视差实现()，真的很喜欢它。
当我尝试实现它时，我得到了一个围绕溢出的垂直视差内容的内部垂直滚动条(不是预期的)，以及属于扩展到屏幕垂直溢出之外的静态内容的外部垂直滚动条(预期的)。我只想要一个垂直滚动条来控制整个页面(视差组加上静态内容)。当向上/向下滚动时，可以在视差组中看到视差效果，以及将静态内容移入和移出视图。
我需要做哪些更改？
.parallax_group {
position: relative;
height: 100vh;
transform-style: preserve-3d;
}
.pa
浏览 19提问于2017-07-22得票数 1
所以我在活动中使用CoordinatorLayout，就像..
<CoordinatorLayout>
<AppBarLayout>
<Toolbar/>
</AppBarLayout>
<FrameLayout> // For Fragments
</CoordinatorLayout>
Toolbar使用scroll|enterAlways作为Scrollflags。
在一个特定的片段中，我希望实现布局上的视差效应，我再次使用CoordinatorLayout，但是这会导致工具栏
浏览 2提问于2016-10-19得票数 5
2回答
我在MonoGame中有一个视差效应，它由多个半透明的纹理层组成.效果很简单，但在彼此之上呈现多个透明层是相当缓慢的。这种效果不需要“准确”。我怎样才能优化这个效果，或者用着色器伪造它，使它更有效率？
主要的前提是多个全屏幕大小的半透明层从背面到正面相互画在一起。目前有3层+实际游戏层，也有一些透明度。
我使用了一个模板缓冲区来渲染游戏层，已经从渲染中消除了一些视差层的像素，但是它仍然是低效的。
浏览 0提问于2013-12-01得票数 6
2回答
具有垂直视差效果的滑块
、、、、
我已经为我的客户创建了一个简单的滑块，以便能够使用进行更新，在他们网站的其他地方，他们有一个垂直滚动视差效果。现在他们想要一个具有垂直滚动视差效果的滑块...
对于我的视差效果，我使用了，当我只需要一张图片就能产生效果时，这是很棒的，但现在我需要滑块才能有它。
上面的例子使用了，但视差效果似乎是由其他东西完成的(因为我看不到Avia有任何这样的效果)。
如何为现有的Flexslider滑块(或任何其他滑块)创建简单的视差效果？它看起来应该是一个简单的效果，不一定需要一个jQuery插件。
浏览 21提问于2016-09-12得票数 0
回答已采纳
1回答
目标：
我试图创建一个视差滚动效果。
parallax-container的实现方式如下：< div class="parallax slide-1" > < /div >
当它的容器被滚动到视图时，我需要视差效应开始。
一旦离开了视图，效果就需要停止。
问题是：
到目前为止，jQuery运行良好。
但是:因为我可以在一个页面上有一个多视差容器，(例如，顶部的一个+底部的一个)，我需要用jQuery来处理它们。
目前的效果是..。
1.)一旦第一个视差容器被滚动到视图中，就会触发每个视差容器。
2.)离开视图后，每个视差容
浏览 1提问于2014-06-18得票数 5
回答已采纳
我试图用jQuery和CSS做一个简单的视差效果。
我有两个长div，一个是2000px，另一个是1000px，每个div都有一个包含文本的子div。
我想让这些子div在可见窗口的中间(不是2000px高的div，仅是可见的窗口)居中，并且在我向下滚动时保持居中，然后在到达下一个div之前在某个点淡出。
目前，我成功地创建了html布局和css，并使用jQuery使div在单击时淡出。
但是，我无法将它们集中在窗口的中间，并在到达下一个div之前将它们向下滚动和淡出，并保持其固定。
也许我可以使用Waypoint.js在滚动的某些点触发事件，但是如何保持div以中心和可见的方式来实现视差效果
浏览 8提问于2017-03-27得票数 0
回答已采纳
1回答
hotdot中的垂直视差滚动
、、、、
我在git hub 上研究这个视差。
这里的视差效果很棒，我正在尝试修改code.Here滚动从右到左。我想要一个顶部/down滚动。我尝试过更改位置(从右到上，从左到下溢出-Y到溢出-x)，但它不工作.Any想法如何做到这一点?我很想学习这个，因为滚动到元素(框/图像)后的效果很棒。(它显示了一点激动人心的效果)我很难在任何其他project.Is中找到它，有任何其他版本(显示htdt的自上而下视差)。在这种情况下请重定向。
浏览 3提问于2014-02-21得票数 0
1回答
在过去的几天里，我一直在修修补补地创建一个视差滚动站点。我有一个很好的原型工作，滚动不同的背景图像。看起来很酷。
我想再走一步。我基本上有一个分配了背景图像的div。背景图像以不同的速度滚动。现在，我想添加单击向左或向右箭头并更改背景的功能。基本上就是一个旋转木马。但是，如果用户向下滚动，我仍然希望保持视差效果。
HTML的结构是：
<section id="one">
<div id="mainimagewrapper">
<div class="image1">
<div cl
浏览 0提问于2013-02-06得票数 1
回答已采纳
1回答
移动设备上的粘性滚动问题
、、、
我正在使用CSS视角制作视差效果，这似乎是在手机上创建高性能视差的唯一方法。滚动区域在一个框中，可以在里面滚动(这是屏幕的大小)，视差可以工作，但是在我的ipad上，当它滚动时(不能‘轻弹’屏幕，当你松开屏幕时它就会滚动)，就像这台post一样。解决方案是容器上的这个CSS： -webkit-overflow-scrolling: touch; 这恢复了“轻弹屏幕”的能力，并在松开屏幕后滚动。然而，它再次使透视变得平坦，并且不再有视差。有什么方法可以保持视角，并在手机上正常滚动？在ipads/手机上似乎没有好的视差方法？
浏览 14提问于2019-10-03得票数 2
回答已采纳
我正在编程的图像画廊，与特定的悬停效果。当用户经过这个图像时，我使用::before使用mix-blend-mode CSS属性在带有图像的div上创建“幕”：
div.img::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
mix-blend-mode: soft-light;
background-color: red
浏览 0提问于2015-09-17得票数 13
回答已采纳
1回答
这是我正在处理的代码示例。我需要添加一个视差滚动效果的背景图像。我试过背景-附件:修复，但这只是一个固定的背景。我想添加一些变换或放大效果，就像通常视差一样。
<body>
<nav>
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#"
浏览 5提问于2022-06-17得票数 1
2回答
我一直在查看的垂直滚动在我的网页上，经过一些研究，我不确定我想做的是技术上是视差效应。
据我所见，大多数视差效应假设你希望能够无限期滚动许多背景图像，或与巨大的图像重复。
我想做的是，当滚动条到达页面底部时，两个DIVs的背景被一个背景图像填充。注意，我不想让背景图像伸展。，我想要达到我想要的效果，这些图像的垂直高度将大于大多数人的视口，然后它们的垂直位置会发生变化。当用户的滚动条位于顶部时，一定数量的背景是可见的，然后当用户向下滚动时，它垂直移动以填充背景空间。
请看下面的图片，以直观地解释我希望达到的效果：
veiwport的高度将根据内部DIV中内容的长度而变化。
我的问题是，
浏览 0提问于2013-07-12得票数 1
回答已采纳
1回答
我试图让一些div以与页面其他部分不同的速度滚动，以创建视差效果。
这里是我的JS和HTML：
<div class="container">
<div class="background">
<img src="http://placehold.it/150x150/" />
</div>
<div class="background">
<img src="http://placehold.it/1
浏览 0提问于2015-08-15得票数 0
回答已采纳
1回答
什么，我有achieved=>，，我有一个单一的寻呼机网站，具有视差滚动效果。在页面加载时触发动画。
我想要的achieve=>当用户点击菜单顶部，它向下滚动到div部分和特定的动画分配给div需要播放。目前，动画正在页面上播放。
有什么解决办法吗？它是通过识别滚动位置实现的吗？
你的帮助将不胜感激。
浏览 2提问于2014-05-06得票数 1
1回答
我正在尝试为我的wordpress站点创建一个视差标题，我使用的是divi主题。
下面是我的代码: HTML：
<div class="parallax">
<div class="parralax__layer parallax__layer--back">
<img src="https://crispimages.co/wp-content/uploads/2018/05/layer_5.png">
</div>>
<div class="parralax__l
浏览 1提问于2018-05-04得票数 0
我为jQuery修改了jQuery插件，在我的网站上使用视差效果。问题是(即使在上面链接的演示中) Chrome和IE有一个非常不光滑的滚动。它只有当你按鼠标的中间按钮，滚动是连续的(而不是“一步一步”，当你滚动鼠标轮)。所以当你用鼠标滚轮滚动时，视差效果就完全被破坏了。相反，在Firefox中，滚动是连续的，即使用鼠标轮滚动也是如此。在IE和Chrome中是否也有连续滚动的方法(javascript?)
是我的网站(如你所见，如果你使用火狐访问它，效果会完全不同)。
浏览 2提问于2013-09-01得票数 8
回答已采纳
所以我正在做我的项目组合，我正在使用Materialize CSS。我试图给我的图像一个视差效果，但是在我的div标签和类视差之间的图像是不工作的。有没有人能帮我弄清楚？我会非常感谢你的帮助。
浏览 0提问于2017-12-01得票数 0
1回答
他们的任何设计模板(如WordPress或bootstrap)在聚合物中，具有滚动到下一个div或上一个div onscroll和动画前一个div的效果(如视差容器)我尝试了视差容器，但它有溢出我已经使用overflow:隐藏；但显示不是correct.Then我已经实现了这个功能，并调用当点击向下键和向上键。
scroll_down() {
//dist = next element offsetTop
smooth_scroll_to(el,dist, 2000);
//sliding previous div by adding animation name
}
s
浏览 0提问于2016-01-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
