Кросс-браузерная полоса прокрутки для div

Question

Я пытаюсь найти способ добавить к браузеру совместимую кросс-браузерную полосу прокрутки.

Мне пришлось использовать комбинацию из двух методов - см. Css ниже:

.div{
    /*-Only works for IE*/
    overflow-y:scroll;
    overflow-x:hidden;

    /*Works for all browsers except IE*/
    overflow: -moz-scrollbars-vertical;
}

Единственная проблема, с которой я столкнулся при использовании этого метода, заключается в том, что полоса прокрутки без IE перемещает содержимое элемента div для размещения, а полоса прокрутки только для IE - нет.

Есть ли лучшеметод кто-нибудь знает?

Answer 1

Я не знаю, поможет ли это ... однако

div {
width: 200px; /* as example*/
height: 300px; 
overflow: auto; /* this will add scrollbars automatically if your div is larger than the specified dimensions */
}

ура