2012-05-01 6 views
0

Я сделал круто выглядящую полосу прокрутки. Кажется, я не прав. Я хочу, чтобы предмет прокручивался по оси y. По какой-то причине он сохраняет х и у. Я хочу, чтобы иметь возможность вводить столько, сколько хочу, и это пространство вниз, когда на оси x не хватает места .... http://jsfiddle.net/Hunter4854/VgB2F/ Что я делаю неправильно, и как я могу это исправить?Пользовательский переполнения полосы прокрутки?

ответ

1

вы должны иметь overflow-x:hidden и word-wrap:break-word

http://jsfiddle.net/VgB2F/2/

+0

Спасибо спасибо спасибо .... Кроме того, есть ли способ, я могу добавить некоторые дополнения в там, чтобы заставить его выглядеть немного не переполненным? –

+0

http://jsfiddle.net/VgB2F/6/. Обратите внимание, что я уменьшил ширину и высоту на соответствующую сумму из-за модели css box. http://www.quirksmode.org/css/box.html –

1

заменить в CSS

.scrollx{ 
    width: 400px; 
    height: 300px; 
    background-color: #2A2A2A; 
    overflow-y:scroll; 
} 

с

.scrollx{ 
    width: 400px; 
    height: 300px; 
    background-color: #2A2A2A; 
    overflow-y:scroll; 
    overflow-x:hidden; 
    word-wrap:break-word; 
} 

http://jsfiddle.net/enve/VgB2F/5/

+0

Он хочет, чтобы он прокручивался в Y, * не * X. В настоящее время он прокручивается в X. –

+0

Теперь я отредактирую его – Enve

+0

«он просачивается вниз, когда есть недостаточно места на оси х ", ваш просто переполняет и скрывает содержимое. 'word-wrap: break-word;' решает это. –

Смежные вопросы