Как разместить вертикальную полосу прокрутки в HTML?

Question

У меня есть div с фиксированной шириной, высотой и переполнением: атрибут scroll.

Мне бы хотелось, чтобы вертикальная полоса прокрутки отображалась в левой части div вместо правой.

Любое решение CSS или JavaScript?(поддерживает как ff, так и т. е.)

Answer 1

Вы можете использовать JScrollPane , кросс-браузерный плагин jQuery, для создания настраиваемой панели прокрутки с собственной полосой прокрутки.

Я знаю, что вы не просили решение jQuery, ноЯ думаю, что это очевидный выбор в этом случае

Answer 2

Не возможно в стандартном HTML / CSS.Если вам действительно нужно это сделать, вам придется сделать несколько сценариев javascripting.

Но мой вопрос: почему вы хотите это сделать?Вы будете изменять стандартный пользовательский интерфейс.Если у вас нет достаточно конкретного варианта использования, где это имеет смысл, это будет большая работа практически без выгоды, и ваши пользователи вряд ли будут вам благодарны.

Answer 3

Вы можете поместить свой div в другом div и установить направление внешнего div на rtl , например:

<div style="direction: rtl; overflow: scroll">
     <div style="direction: ltr">
         Long content
     </div>
</div>

Но это, к сожалению, не работает в FireFox (работаетв опере и IE).Так что, может быть, стоит использовать какое-нибудь нестандартное решение для полосы прокрутки, если вам действительно нужно это сделать.