Вимкнути вертикальну смугу прокрутки при переповненні div: auto

Чи можна дозволити використовувати лише горизонтальну смугу прокрутки при використанні переповнення: автоматично (або прокручування)?

Ці два властивості CSS можна використовувати для приховування смуг прокрутки:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Ви повинні використовувати тільки

overflow-y:hidden; - Використовуйте це для приховування вертикальної прокрутки

overflow-x:auto; - Використовуйте це, щоб показати горизонтальну прокрутку

Лука згадував як обох прихованих. тому я дав це окремо.

переповнення: авто;
переповнення-у: приховано;

Для IE8: -ms-overflow-y: приховано;

Інакше :

Щоб приховати X :

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

Щоб приховати Y :

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Якщо ви хочете виконати те саме в Gecko (NS6 +, Mozilla тощо) та IE4 + одночасно, я вважаю, що це повинно зробити трюк: V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

Це буде застосовано до тегу всього тіла, оновіть його до відповідного css та застосуйте ці властивості.

Додайте наступне:

body{
overflow-y:hidden;
}

Ці правила сумісні з усіма веб-переглядачами:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

Як щодо скорочення нотації?

{overflow: auto hidden;}

якщо ви хочете відключити смугу прокрутки, але все ще можете прокрутити вміст внутрішнього DIV, використовуйте код нижче в css,

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

divHideScroll - це назва класу цільового div.

Він буде працювати у всіх основних браузерах (Chrome, Safari, Mozilla, Opera та IE)