Как сделать плавный переход к секции?

Question

[Сергей Соболь]

В HTML файле я прописал ссылке href="#collection", который при нажатии на ссылку переводит на секцию "collection". Это происходит моментально, а мне нужно плавно. Нашел ответ на просторах хабра, но там используется javascript. Если кто-то знает, как сделать это на чистом html/css, буду очень благодарен. Если не знаете — киньте, пожалуйста, вариант на javascript (если знаете его, конечно). Заранее — спасибо.

Answer 1

[Deeno]

html{
   scroll-behavior: smooth;
}

и будет плавно

Comments

[Сергей Соболь]

Прописал, всё равно просто переходит по нажатию на секцию.

[Deeno]

Сделай для

html{
scroll-behavior:smooth;
}

[Сергей Соболь]

Deeno, помогло! Спасибо)

Answer 2

[Никита Михайлов]

scroll-behavior

Comments

[Сергей Соболь]

Прописал, всё равно просто переходит по нажатию на секцию.

[Никита Михайлов]

Какой браузер? Скинь пример кода где-нибудь на codepen

[Сергей Соболь]

Никита Михайлов, пока писал, дали ответ, всё заработало! Спасибо за помощь!)