переполнение: прокрутка в css

Question

У меня есть элемент, который я обозначил как «overflow: scroll», но он выглядит плохо, потому что полоса прокрутки загромождает страницу.Можно ли сделать так, чтобы полоса прокрутки отображалась только тогда, когда кто-то наводит мышку на элемент?

Answer 1

Да!

Добавьте класс в область, где вы хотите прокрутить, например:

<div class="over">Content to scroll</div>

Ваш CSS будет выглядеть так:
.over { overflow:hidden }
.over:hover { overflow-y:scroll }

Вот ссылка на пример .

Answer 2

#element_id {
    overflow: hidden;
}

#element_id:hover {
    overflow: scroll;
}

работает, если вас не волнует ie6 пользователей

Answer 3

Если псевдо-класс: hover работает одинаково во всех браузерах, вы можете сделать:

.my_thing
{
    overflow: visible;
}

.my_thing:hover
{
    overflow: auto;
}

Лучше всего установить класс при наведении на JavaScript.

Answer 4

#element { overflow: hidden; }
#element:hover { overflow: scroll; }

Хотя :hover не работает в IE 6, поэтому вы должны иметь это в виду.

Если вам нужна поддержка IE 6, вам нужно будет делать такие вещи с JavaScript и классами элемента.