Масштабирование элемента по скроллу на чистом JS
Как написать функцию на чистом JS, чтобы картинка масштабировалась по скроллу.
<div class="block">
<img src="" alt="">
</div>
Ответы (1 шт):
Автор решения: entithat
→ Ссылка
Принцип понятен.
document.addEventListener('scroll', (e) => {
img.style.transform = `scale(${window.scrollY / 100 + 1})`;
});img {
width: 100%;
}<img id="img" src="https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/cat_relaxing_on_patio_other/1800x1200_cat_relaxing_on_patio_other.jpg" alt="cat">