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

Как добавить дополнительный стиль к этому js?

При скролле плавно присваевается стиль opacity: 1 диву.
Пытаюсь добавить дополнительный стиль transform: scale(1.5)

$(window).on('scroll', function() {
var scrollCoef = 0.0035;

$('#masthead').css({
  opacity: 1 - $(window).scrollTop() * scrollCoef
})
});
  • Вопрос задан
  • 78 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
Попробуйте так:
var scrollCoef = 0.0035;
var masthead = $('#masthead');

$(window).on('scroll', function() {
  var scrolltop = $(window).scrollTop();
  masthead.css({
    opacity: 1 - scrolltop * scrollCoef,
    transform: "scale(" + (1.5 - scrolltop * scrollCoef) + ")"
  })
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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