Question

问题是，

视差滚动正在桌面上工作
当我调整浏览器大小并使其与移动设备大小相同时，视差滚动功能正常工作
但它无法在移动设备上运行

以下是fiddle

这是我的代码

＆＃13;

/* Index Page body CSS */
.bgimg-1, .bgimg-2{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}

.bgimg-1 {
    background-image: url('https://image.tmdb.org/t/p/original/87hTDiay2N2qWyX4Ds7ybXi9h8I.jpg');
    min-height: 200px;
	
}

/* Second  Parallex image */
.bgimg-2 {
    background-image: url("https://image.tmdb.org/t/p/original/8uO0gUM8aNqYLs1OsTBQiXu0fEv.jpg");
    min-height: 300px;
}

＆＃13;

<div class="bgimg-1"></div>	

<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>

<div class="bgimg-2"></div>	

<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>
<p>Hello Everyone, Thanks for helping me</p>

＆＃13;

视差滚动在移动设备上不起作用

0 个答案: