zaza41rus
@zaza41rus

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

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

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

$('#masthead').css({
  opacity: 1 - $(window).scrollTop() * scrollCoef
})
});
  • Вопрос задан
  • 76 просмотров
Решения вопроса 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) + ")"
  })
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект
24 нояб. 2024, в 00:04
5000 руб./за проект