Полоса прокрутки внутри и сверху Div - PullRequest
Новая
       19

Полоса прокрутки внутри и сверху Div

0 голосов
/ 24 марта 2012

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

Я изменил внешний вид полосы прокрутки, используя -webkit в css. Вот фрагмент того, что я сделал: 

#sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#sidebar::-webkit-scrollbar-track-piece  {
    background-color: #f3f3f3;
    -webkit-border-radius: 0px;
}

#sidebar::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 0px;
}

1 Ответ

1 голос
/ 24 марта 2012

Имея «внутреннюю» полосу прокрутки, вы можете создать иллюзию этого, обернув DIV другим DIV равной высоты и желаемой постоянной ширины.Затем установите внутренний DIV на 100% ширину, и он будет корректироваться при появлении полосы прокрутки.Что касается затухания, я не думаю, что полоса прокрутки является частью DOM, поэтому Javascript отсутствует, но вы можете использовать свойство animate в CSS http://fvsch.com/code/transition-fade/test1.html

...