ширина полосы прокрутки: нет;VS overflow-x: скрытый

Question

Кажется, что я могу использовать оба этих параметра, чтобы скрыть горизонтальную полосу прокрутки элемента:

overflow-x: hidden;

scrollbar-width: none;

Какое из них является лучшим решением для скрытия горизонтальной полосы прокрутки?

Answer 1

overflow-x: hidden обрезает любой контент внутри родительского элемента (скажем, страницы), ширина которого выходит за пределы родительского элемента, и предотвращает горизонтальную прокрутку пользователя. Источник

scrollbar-width: none скрывает полосу прокрутки, однако содержимое по-прежнему можно прокручивать. Источник

Так что это зависит от того, чего вы пытаетесь достичь.

Answer 2

При scrollbar-width: none; полоса прокрутки все еще присутствует, и вы все еще можете прокручивать, если есть переполнение, если вы хотите вообще отключить прокрутку, используйте overflow: hidden;