как определить значение высоты скрола в модальном окне? [закрыт]

177

03 января 2019, 12:20

есть блок wrap с висотой, а i стрелка

<div class="wpar">
    <i ...></i>
</div>

надо сделать чтоб при скроле значением 100 срабатовало hide() для <i>

Answer 1

Свойство 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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Uncaught SyntaxError: Unexpected token u in JSON at position 0

у меня есть массив,который я беру из localStorage с помощью такого кода

269

javascript

замена jQuery на родной Javascript при работе с классами CSS

Изучаю вопрос перехода от jQuery к родному JavascriptПодскажите, правильно ли я понимаю, что особенность jQuery в последовательном применении функций...

254

javascript