аналог background-attachment : fixed

477
07 июня 2017, 03:08

background-attachment : fixed каждый раз при прокрутке вызывает операцию перерисовки что вызывает очень сильные тормоза и лаги. Мне нужен аналог этого свойства на javascript или css.

Answer 1
body{
  position: relative;
}
body::before {
    background: url("../images/bg.jpg") no-repeat center center;
    background-size: cover;
    content: ' ';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: -1;
}

Однако это только для body. но есть вариант по лучше.

$(document).scroll(function() {
        $('#main').css('background-position', '0px ' + $(document).scrollTop() + 'px');
    });
Answer 2

А вообще будет лучше использовать определенный параллакс, он и для телефонов будет работать) Это не к месту, но может надо

READ ALSO
Авторизация в android приложении и веб-сокеты [требует правки]

Авторизация в android приложении и веб-сокеты [требует правки]

Краткое описание задачи При запуске клиента, есть поля для ввода логина и пароля и кнопка авторизацииПри нажатии на которую данные, должны...

288
java, расшифровка данных

java, расшифровка данных

Есть класс шифрования/дешифрования строки

325
Как сгенерировать День Рождения?

Как сгенерировать День Рождения?

Необходимо создать 100 объектов с параметром день рожденияЯ так понимаю нужно использовать класс Date, но я не понимаю как использовать его

353
Java Online Server [требует правки]

Java Online Server [требует правки]

Есть игра, для которой нужен мультиплеерДля мультиплеера необходимо чтобы передовались лишь координаты одного из объектов

243