Авторизация
Забыли пароль? Введите ваш е-мейл адрес. Вы получите письмо на почту со ссылкой для восстановления пароля.
После регистрации вы сможете задавать вопросы и писать свои ответы, получая за это бонусы. Все остальные функции на сайте доступны без регистрации.
Вы должны войти или зарегистрироваться, чтобы добавить ответ и получить бонусы.
Для того чтобы сделать так, чтобы заголовок (header) двигался при прокрутке страницы, можно использовать CSS и JavaScript.
Вот пример кода:
HTML:
«`html
«`
CSS:
«`css
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
padding: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: top 0.3s ease-in-out;
}
#content {
margin-top: 100px; /* Отступ для контента, чтобы не перекрывался заголовок */
}
«`
JavaScript:
«`javascript
window.addEventListener(‘scroll’, function() {
var header = document.getElementById(‘header’);
if (window.pageYOffset > 0) {
header.style.top = ‘-100px’; // Перемещаем заголовок вверх
} else {
header.style.top = ‘0’; // Возвращаем заголовок на место
}
});
«`
Этот код будет отслеживать событие прокрутки страницы и перемещать заголовок вверх, когда прокрутка происходит вниз, и возвращать его на место, когда прокрутка возвращается в начальное положение.