background-attachment : fixed каждый раз при прокрутке вызывает операцию перерисовки что вызывает очень сильные тормоза и лаги. Мне нужен аналог этого свойства на javascript или css.
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');
});
А вообще будет лучше использовать определенный параллакс, он и для телефонов будет работать) Это не к месту, но может надо
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники