如何使视差滚动窗口响应移动设备答案

【问题标题】：How make parallax scrolling window responsive with mobile如何使视差滚动窗口响应移动设备
【发布时间】：2018-06-14 04:24:16
【问题描述】：

<div class="parallax-window" data-parallax="scroll" data-image-src="images/1.jpg"></div>

在css中

 .parallax-window {
min-height: 800px;
background: transparent;

我使用 parallax.js

我需要将滚动图像与移动设备兼容，请任何人帮助..

【问题讨论】：

【解决方案1】：

也许你可以利用像 enquire.js（媒体查询）这样的库

【讨论】：

【解决方案2】：

在您的 css 文件中，您需要定义视差类，然后使用以下内容确保视差图像响应缩放：

@media(max-width:648px){.parallax{height: 300px}}

【讨论】：