Как измененить размера блока при прокрутке?

Question

[semakimov]

Каким образом возможно изменить размер блока при прокрутке? Т.е. при прокрутке изменить размер блока(уменьшить его содержимое в 1,3 раза) на постоянной основе до конца страницы, а при возвращении в верх страницы вернуть прежний размер?

Answer 1

[askhat]

let width = 100;
document.onmousewheel = ({deltaY}) => {
  deltaY > 0 ? width-- : width++;
  previouslySelectedElement.style.width = width + 'px';
}

Comments

[semakimov]

Извините за грубый вопрос, элемент выбирается изначально с помощью document.getElementById('some_id')?

[askhat]

semakimov, да

Например let el = document.querySelector('#my-el');

[Pavstyuk]

onmousewheel, а что если прокрутка на тачскрине свайпом? Такой код не будет работать же?

[askhat]

Pavstyuk, нет будет. Для свайпа событие touchmove и дельту руками посчитать придётся.