Прокрутка (скроллинг) плавный на CSS
В современных (2024г.) браузерах для плавного скроллинга можно использовать только CSS-свойство "scroll-behavior".
Когда этот код* есть в CSS этой страницы, то любой якорный переход** внутри этой страницы будет выполняться плавно.
* html{scroll-behavior:smooth}
** Якорный переход на базу (ссылка)
P.S. Обратите внимание, что и прокрутка при нажатии кнопки "Вверх" (внизу страницы справа) тоже стала плавной (но только на этой странице, где есть код плавной прокрутки [скроллинга]*). А также обратите внимание на искажение других стилей страницы, где есть позиционирование элементов страницы, например, как нарушился css-механизм показа модального (всплывающего) окна "Сделать заказ" (при активации ссылки "Сделать заказ" появилась прокрутка вверх [если посетитель сайта находится внизу страницы, на которой есть код плавной прокрутки*]).
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
Якорный переход (база)
P.S.S. Еще раз обратите внимание на кнопку "Вверх" (внизу страницы справа), а также на искажение других стилей страницы, где есть позиционирование элементов страницы (появилась прокрутка всплывающих окон).
