есть блок wrap с висотой, а i стрелка
<div class="wpar">
<i ...></i>
</div>
надо сделать чтоб при скроле значением 100 срабатовало hide()
для <i>
Свойство scrollTop считывает или устанавлиет количество пикселей, прокрученных от верха элемента. scrollTop измеряет дистанцию от верха элемента до верхней точки видимого контента. Когда контент элемента не создаёт вертикальную прокрутку, его scrollTop равно 0.
const wpar = document.querySelector('.wpar')
wpar.onscroll = (e) => {
const { scrollTop } = wpar
document.querySelector('#example-info').textContent = scrollTop
if (scrollTop > 100)
document.querySelector('#example-info').textContent = `hide, scrollTop > 100 (${scrollTop})`
}
.example-el {
height: 500px;
background: yellow;
}
.wpar {
max-height: 100px;
overflow-y: scroll;
}
<span id="example-info">Начните скролить</span>
<div class="wpar">
<div class="example-el"></div>
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
у меня есть массив,который я беру из localStorage с помощью такого кода
Изучаю вопрос перехода от jQuery к родному JavascriptПодскажите, правильно ли я понимаю, что особенность jQuery в последовательном применении функций...
В инструкции по миграции проекта на Typescript есть пункт
У меня раздутый код - дохрена спанов, потому что текстовую анимацию делал без библиотекиЕсть ли способ обернуть уже имеющиеся спаны во что-то,...