У меня есть div, который имеет стиль overflow-x: hidden
, но я нахожу, что, когда в нем есть более широкий div, содержащий текст, пользователь может по-прежнему перетаскивать бок с помощью мыши, чтобы просмотреть скрытый текст.
Я хотел бы предотвратить это и сделать текст действительно скрытым. Этот jsfiddle должен показать, что я имею в виду: http://jsfiddle.net/YzsGF/11/ или вот код:
<div id="outer">
<div id="inner">
How can I truly hide the text beyond the margin?
</div>
</div>
#outer {
width: 150px;
height: 300px;
overflow-x: hidden;
border: 1px solid black;
}
#inner {
width: 300px;
overflow-x: hidden;
}
Есть ли способ, которым я могу запретить пользователю видеть скрытый текст?
UPDATE: мне нужно переполнение-y для работы: это нормально, что overflow-x - только CSS3. Это может помочь объяснить реальный сценарий:
- У меня есть внутренний div фиксированной ширины, но неизвестной длины.
- Когда он достаточно короткий, чтобы поместиться в внешний div без панели y-scrollbar, все будет хорошо.
- Когда внутренний div становится достаточно длинным, чтобы внешний div нуждался в панели y-scrollbar, появляется один, но отсекает часть правого содержимого внутреннего div. Это также ОК (я упустил некоторое дополнение RH), но не совсем то, что пользователь может выбрать текст и перетащить его вбок, показывая пустое заполнение RH и скрывая часть текста на стороне LH.
Любые решения?