Как сделать плавный скролл по странице в React JS | ScrollTo in React JS. Telegram: https://t.me/tipichnyj_web_razrabotchik
Делаем плавный скролл по якорям на странице
Я думаю многие из вас видели на сайтах такую фишку, когда кликаешь по кнопке то сайт плавно прокручивался до определенного места на странице. Так вот эта фишка называется "Якорные ссылки". Суть в том чтобы сделать пользование вашим сайтом немного удобней и интересней. Допустим вам нужно обратить внимание пользователей на определенную информацию на странице вашего сайта, то вам просто необходимо установить этот скрипт.
Данный скрипт требует наличия подключенной библиотеки jquery на странице.
Установка
Открываем main...
Плавный скролл на jQuery
Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. <button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<div>Секция 1</div>
<div>Секция 2</div>
<div>Секция 3</div>
<div>Секция 4</div> Стили Создадим внутренние отступы — padding и установим серый фон для каждой второй секции для визуального разделения. .section {padding: 70px 0;}.
section:nth-child(2n) {background-color: #eee;} Что получилось Интерактив В jQuery создаем событие клика на кнопку, предварительно проставив классы с префиксом js-...