Javascript-форум - Показать сообщение отдельно - Добавление класса к id При прокрутке страницы вниз

Decode · #3 (**permalink**) 16.07.2016, 22:36

NightFoxy,

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title></title>
  <style>
    #fixed-top {
      position: fixed;
      display: none;
      top: 100px;
      font-size: 3em;
    }
    
    .block {
      display: block !important;
    }
    
    html, body {
      height: 2000px;
    }
  </style>
</head>
<body>
  <div id="fixed-top">Bla-bla</div>
  
  <script>
    window.onscroll = function() {
      var fixedTop = document.getElementById('fixed-top');

      if (window.pageYOffset > 300) {
        fixedTop.classList.add('block');
      } else {
        fixedTop.classList.remove('block');
      }
    };
  </script>
</body>
</html>