How make parallax scrolling window responsive with mobile

Question

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

In css

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

i use parallax.js

i need to compatible scroll image with mobile please anyone help..

parallax.js is already responsive. Post your html so we can see what you are doing. — Yasin Yaqoobi, Aug 13 '16 at 03:18

score 0 · Answer 1 · answered Aug 13 '16 at 02:34

0

May Be You Could Make Use Of Libraries Like enquire.js(media queries)

answered Aug 13 '16 at 02:34

Shankar Shastri

score 0 · Answer 2 · answered Jun 13 '18 at 20:24

0

In your css file you will need to define the parallax class, then use the following to ensure the parallax image scales responsively:

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

answered Jun 13 '18 at 20:24

K.Smith

2 Answers2