Отключить горизонтальную прокрутку на Div

Question

Существует кросс-браузерная дилемма, особенно сейчас, когда в сафари используется внутренний механизм прокрутки, который плавает сверху.

Когда div с содержимым фиксированной высоты становится больше, чем div, нам нужна полоса прокрутки, но полоса прокрутки убирает некоторую ширину и, таким образом, к ней добавляется горизонтальная полоса. Как предотвратить горизонтальную прокрутку, даже если содержимое слишком широкое? Я не хочу, чтобы у пользователя была возможность прокрутки по горизонтали.

Свойство CSS3 overflow-x: hidden, все еще позволяет пользователю прокручивать влево и вправо с помощью сенсорной панели. Я хочу, чтобы он был полностью отключен, или решение, которое устраняет проблему вертикальной полосы прокрутки, берущей ширину из div.

Есть идеи?

Marvelous

Answer 1

Одним из решений является то, что вертикальная полоса прокрутки будет отображаться всегда:

overflow-y: scroll

Но, тем не менее, ширина полосы прокрутки не остается неизменной во всех браузерах.

Или вы можете сделатьпользовательская замена полосы прокрутки с помощью div / CSS / JavaScript.Вот плагин jQuery, который выглядит многообещающим:

http://jscrollpane.kelvinluck.com/

Answer 2

Установите изображение в качестве фона, чтобы исправить ваши проблемы