Должны ли свойства CSS прокрутки-поведения, переполнения-привязки и переполнения-y быть заданы для html или body?

Question

Я хочу всегда показывать полосу прокрутки, включить плавную прокрутку для всей страницы и отключить новую функцию привязки переполнения.

Лучше ли это установить для тега html:

html {
    overflow-y: scroll;
    scroll-behavior: smooth;
    overflow-anchor: none;
}

или на теге body?

body {
    overflow-y: scroll;
    scroll-behavior: smooth;
    overflow-anchor: none;
}

Пожалуйста, объясните, что является предпочтительным и почему.Спасибо!

Answer 1

Добавление режима прокрутки: сглаживание к элементу html, чтобы включить плавную прокрутку для всей страницы (примечание: также можно добавить его к определенному элементу / контейнеру прокрутки)

Вы можете получить форму ссылки Здесь и информацию о совместимости браузера. Также можно применить свойство

и overflow-anchor к all elements