Показать сообщение отдельно
  #4 (permalink)  
Старый 10.03.2015, 19:31
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>
nav{
  position: fixed;
  width: 100%;
  background: red;
  height: 10px;
  opacity: 0.1;
  transition: opacity 1s;
}
nav.nav{
  opacity: 1;
}
</style>
<body style="height: 500px">
<nav id="nav"></nav>
<script>
window.onscroll = function() {
    nav.classList.toggle('nav', window.pageYOffset > 0);
};
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием