@barsandra

Масштабирование элемента по скроллу на Java Script?

Необходимо написать функцию на чистом JS, чтобы картинка масштабировалась по скроллу.

<div class="block">
  <img src="" alt="">
</div>
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ответы на вопрос 1
YuriyVorobyov1333
@YuriyVorobyov1333
Software Developer (Node.js/Angular)
Вот:
jsfiddle.net/7cuh0apo/1

Если не открывает, то вот:
код

<div class="block">
  <img src="https://miro.medium.com/max/8452/1*BR2RiTRoYor9xSrzEgxLWQ.jpeg">
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

img {
    position: fixed;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
}

$(window).on("scroll", function() {
    var s = 400 - Math.min(400, $(document).scrollTop());
    $("img").width(s).height(s);
});



Или посмотрите тут вариант на transitions
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
18 янв. 2021, в 10:21
2000 руб./за проект
18 янв. 2021, в 10:20
30000 руб./за проект
18 янв. 2021, в 10:10
800 руб./в час