Задать вопрос
@klpff

Как задать parallax для background-image?

Нужно задать параллакс не для элменета order, как в коде, а для его фонового изображения. Как это сделать?

$(window).scroll(function() {

var st = $(this).scrollTop() /10;

$(".order").css({
"transform" : "translate3d(0px, " + st + "%, .01px)",
"-webkit-transform" : "translate3d(0px, " + st + "%, .01px)"
});

});
  • Вопрос задан
  • 977 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
trushka
@trushka
$(".order").css({backgroundPosition: '0px '+st+'px'})
- ну, тут проценты не очень подходят, так как background-position по другому считается, зависит и от изображения, и от блока. так что надо подходящий коэфициент для подсчёта st подобрать
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы