как сделать материализованный образ параллакса отзывчивым - PullRequest
Новая
       4

как сделать материализованный образ параллакса отзывчивым

0 голосов
/ 31 октября 2018

Я использую materialize.css для изображения параллакса. Однако изображение не отзывчиво. Я использую v0.100.2

Код CSS: 

.parallax-bg {
    padding: 300px 0;
    background-image: url("http://www.saraads.com/img/site/basic-ecommerce.jpg");
    background-size: cover;
    background-attachment: fixed;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

код JavaScript: 

$(document).ready(function(){
    var documentEl = $(document),
    parallaxBg = $('div.parallax-bg');
    documentEl.on('scroll', function() {
        var currScrollPos = documentEl.scrollTop();
        parallaxBg.css('background-position', '0 ' + -currScrollPos/4 + 'px');
    });
});
...