• Как сделать, чтобы фон заполнял постоянно все пространство при parallax?

    lamer350
    @lamer350
    กำลังสูงสุด
    Можно увеличить масштаб изображения до 110% (или больше, в зависимости от коэффициента смещения относительно курсора) и тогда будет запас для передвижения.
    Так как вы используете background-size:cover; то у вас не получится использовать масштаб для фона, выход будет таким:
    1. Завернуть контейнер фона в еще один контейнер, например:
    <div class="wrapper">
       <div class="background"></div>
    </div>


    2. Тогда в CSS:
    .wrapper{
       height: 100vh;
       width: 100%;
       overflow: hidden;
       position: relative;
    }
    .background{
       width: 110%;
       height: 110%;
       margin: -5%;
       /* ваш остальной css код для фона */
    }

    Так же стоит обратить внимание что для контейнера background нужно использовать margin либо top/left в зависимости от того чем манипулирует ваш плагин parallax чтобы не было конфликта.
    Ответ написан
    1 комментарий