Скройте горизонтальный HTML, но не вертикальная полоса прокрутки

У меня есть текстовая область HTML, которая имеет фиксированную ширину, но переменную высоту. Я хотел бы установить overflow:scroll и смогите показать вертикальную полосу прокрутки, но не горизонтальную. Я не могу использовать overflow:auto из-за других вещей, характерных для моей ситуации.

Я знаю, что нет никакого способа использовать CSS2 для показа только вертикальный, но не горизонтальные полосы прокрутки. Есть ли что-нибудь, что я могу сделать с JavaScript для сокрытия горизонтальной полосы прокрутки?

278
задан HoldOffHunger 11 June 2019 в 04:07
поделиться

3 ответа

Вы можете использовать css следующим образом:

overflow-y: scroll;
overflow-x: hidden;
573
ответ дан 23 November 2019 в 02:04
поделиться

Использование wrap = virtual в полях HTML-форм позволяет избавиться от горизонтальной полосы прокрутки внизу. на коробке:

  <textarea name= "enquiry" rows="4" cols="30" wrap="virtual"></textarea>

См. пример здесь: http://jsbin.com/opube3/2 (Проверено на FF и IE)

9
ответ дан 23 November 2019 в 02:04
поделиться

Используйте CSS. Это проще и быстрее, чем javascript.

overflow-x: hidden;
overflow-y: scroll;
30
ответ дан 23 November 2019 в 02:04
поделиться