如何使视差滚动窗口响应移动

时间:2016-07-28 16:54:13

标签: javascript jquery html css parallax.js

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

在css中

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

我使用parallax.js

我需要兼容滚动图像和移动设备,请任何人帮忙..

2 个答案:

答案 0 :(得分:0)

你可以利用 库像enquire.js(媒体查询)

https://ihatetomatoes.net/make-parallax-website-responsive/

答案 1 :(得分:0)

在你的css文件中,你需要定义视差类,然后使用以下内容来确保视差图像的响应度:

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