Авторизация
Забыли пароль? Введите ваш е-мейл адрес. Вы получите письмо на почту со ссылкой для восстановления пароля.
После регистрации вы сможете задавать вопросы и писать свои ответы, получая за это бонусы. Все остальные функции на сайте доступны без регистрации.
Вы должны войти или зарегистрироваться, чтобы добавить ответ и получить бонусы.
Для создания плавного скролла на сайте можно использовать CSS и JavaScript.
1. CSS:
— Добавьте следующий код в ваш файл CSS:
«`css
html {
scroll-behavior: smooth;
}
«`
— Это свойство `scroll-behavior` позволяет добавить плавный скролл к элементам на странице.
2. JavaScript:
— Добавьте следующий код в ваш файл JavaScript:
«`javascript
const links = document.querySelectorAll(‘a[href^=»#»]’);
for (const link of links) {
link.addEventListener(‘click’, clickHandler);
}
function clickHandler(e) {
e.preventDefault();
const href = this.getAttribute(‘href’);
const offsetTop = document.querySelector(href).offsetTop;
scroll({
top: offsetTop,
behavior: ‘smooth’
});
}
«`
— Этот код добавляет обработчик события клика для всех ссылок, которые начинаются с символа `#`.
— При клике на ссылку код предотвращает стандартное поведение (переход по якорной ссылке) и с помощью метода `scroll` прокручивает страницу до указанного элемента с плавностью.
3. HTML:
— Добавьте якорные ссылки на вашей странице, используя атрибут `href` с символом `#` и идентификатором элемента, к которому нужно прокрутить страницу.
— Например:
«`html
Перейти к разделу 1
Перейти к разделу 2
«`
После добавления этих изменений на вашем сайте, при клике на якорную ссылку страница будет плавно прокручиваться к указанному элементу.