Javascript 结合视差滚动和滚动
我学习使用视差滚动从 我尝试使用ScrollifyjQuery插件捕捉到部分。他们俩都为我工作得很好。但当我尝试结合这两种效果时,它不起作用。当我滚动浏览两个透明的背景部分时,我想获得视差效果。有人能帮我做到这一点吗?先谢谢你Javascript 结合视差滚动和滚动,javascript,jquery,html,css,jquery-scrollify,Javascript,Jquery,Html,Css,Jquery Scrollify,我学习使用视差滚动从 我尝试使用ScrollifyjQuery插件捕捉到部分。他们俩都为我工作得很好。但当我尝试结合这两种效果时,它不起作用。当我滚动浏览两个透明的背景部分时,我想获得视差效果。有人能帮我做到这一点吗?先谢谢你 <div class="parallax"> <div class="parallax_layer parallax_layer--back"> </div> <div class="parallax_layer parallax
<div class="parallax">
<div class="parallax_layer parallax_layer--back">
</div>
<div class="parallax_layer parallax_layer--base">
<section class="section"></section>
<section class="section"></section>
<section class="section"></section>
</div>
视差{
透视图-origin-x:100%;
透视图:1px;
高度:100vh;
溢出x:隐藏;
溢出y:自动;
}
.视差层{
transform-origin-x:100%;
位置:绝对位置;
顶部:0;底部:0;
左:0;右:0;
}
.视差_层-基础{
位置:绝对位置;
顶部:0;左侧:0;
变换:translateZ(0);
高度:500vh;
宽度:90%;
保证金:0自动;
背景:rgba(255,255,255,0.2);
颜色:白色;
}
.视差_层-背面{
背景图片:url(“path/to/image.jpg”);
背景位置:中心;
宽度:100%;
变换:translateZ(-10px)标度(11);
}
部分{
宽度:100%;
高度:100vh;
}
.1{背景:黄色;}
.two{背景:红色;}
.3{背景:绿色;}
.4{背景:黑色;}
.5{背景:蓝色;}
您能否向我们展示您正在尝试的代码,以及具体的工作原理/isn?我已经包含了供您审阅的代码。。。