Мне нужно удалить горизонтальную полосу прокрутки на переполненном <DIV>

Question

Я определил тег с атрибутом CSS «overflow», установленным в «scroll». Это дает мне как вертикальные, так и горизонтальные полосы прокрутки. Я хочу только вертикальную полосу прокрутки. Что мне делать?

Answer 1

Вы можете попробовать использовать

overflow-y: scroll;

Это даст вам вертикальную полосу прокрутки ...

---

Использование

overflow-y: auto;

покажет полосу прокрутки, только если это необходимо.

Answer 2

Попробуйте использовать "overflow-y: scroll;" вместо этого. Это CSS3, но, насколько я знаю, он поддерживается всеми современными браузерами (IE6 +, FF, Opera, Chrome / Safari / WebKit / и т.д.).

Краткое объяснение различных значений overflow / -x / -y для тех, кто с ними не знаком:

• visible - по умолчанию. Контент, который не помещается, «переполняется», обычно появляется поверх или под соседним контентом.
• hidden - содержимое, которое не помещается, «гильотинировано» - обрезано по краям коробки.
• auto - содержимое, которое не помещается, приводит к появлению полосы прокрутки. Не обязательно, чтобы обе полосы прокрутки появлялись одновременно; если содержимое помещается горизонтально, но не вертикально, появится только вертикальная полоса прокрутки.
• scroll - Аналогично auto, но полосы прокрутки отображаются независимо от того, нужны они или нет. AFAIK, в основном используется для предотвращения «скачка» по центру контента, если к динамическому (например, AJAX) контенту необходимо добавить полосу прокрутки.

Answer 3

overflow:auto;

Answer 4

Я понимаю, что это очень старый вопрос, но я наткнулся на него сегодня. Если, как и я, вам нужна только y-полоса прокрутки и только тогда, когда она нужна, я обнаружил, что это работает:

.myclass {
    overflow-x: hidden;
    overflow-y: auto;
}

Ура, Марк

Answer 5

overflow-x:hidden;
overflow-y:scroll;