Есть ли способ скрыть элемент при прокрутке вниз и показать элемент снова при прокрутке вверх? - PullRequest
Новая
       41

Есть ли способ скрыть элемент при прокрутке вниз и показать элемент снова при прокрутке вверх?

0 голосов
/ 25 марта 2019

У меня есть цитата, которая имеет позицию: абсолютная: так она говорит, где она находится.При прокрутке он скрывается за другим div, проблема в том, что на некоторых мобильных телефонах пиковая цитата выходит из-под указанного div.

Есть ли способ, которым я могу выставить цитату на дисплее: нет;при прокрутке мимо 500px и при возврате на экран: block: при прокрутке вверх?

1 Ответ

0 голосов
/ 25 марта 2019 
<script>
window.addEventListener('scroll', function(e) {
  if(window.scrollY>=500){
    document.getElementById("IDOFELEMENTTOHIDE").setAttribute("class", "displayNone ORIGINALCLASSES");
  }else{
    document.getElementById("IDOFELEMENTTOHIDE").setAttribute("class", "displayBlock ORIGINALCLASSES");
  }
});
</script>

Замените IDOFELEMENTTOHIDE на идентификатор элемента, если у него его нет, присвойте ему один с <div id="id"></div>. Замените ORIGINALCLASSES на классы, которые были у элемента ранее, если его нет, вы можете безопасно удалить его.

Затем добавьте это. 

<style>
.displayNone{
    display:none;
}
.displayBlock{
    display:block;
}
</style>
...