Блог

Я использую parallax.js чтобы запустить его для моего сайта. Я хочу отключить прокрутку параллакса для мобильных устройств, но ничего из того, что я пробовал, не работает. Вот мой код.

 <div id="artwork" class="parallax-window" data-parallax="scroll" data-position="-70px" data-image-src="test.jpg" style="opacity: 0" background="cover">
        <img src="test.jpg" alt="dazed-artwork" width="400">
</div>
 

и мой css…

 .parallax-window {
        min-height: 300px;
        background: transparent;
        background-attachment: fixed;
        speed: 0.8;
        positionY: 400px;
        bleed: 20px;
        overflow: auto;
}

@media only screen and (max-width:749px) {
    .parallax-window {
        background-attachment: inherit;
  }
}
 

Я перепробовал множество других вариантов медиа — запросов, но безуспешно. Кто-нибудь, пожалуйста, помогите мне!