Как я могу исчезнуть в полосе прокрутки при наведении курсора (только для Webkit) ⇐ CSS

[Anonymous]

Мне нужно, чтобы полосы прокрутки исчезали при наведении курсора на переполненный элемент HTML. Я могу легко показывать и скрывать полосы прокрутки, переключаясь между переполнением: скрытым и переполнением: auto в событиях mouseenter и mouseleave, однако это очень резко, и я не могу подумайте об элегантном способе сделать это более заметным.

На данный момент у меня есть:

Код: Выделить всё

$(".scrollable").mouseenter(function () {
$(this).css("overflow", "auto");
});

$(".scrollable").mouseleave(function () {
$(this).css("overflow", "hidden");
});

Есть идеи, есть ли хороший способ сделать это?

PS. Меня интересуют только браузеры Webkit, где я могу добавить стиль к собственной полосе прокрутки.

Подробнее здесь: https://stackoverflow.com/questions/169 ... ebkit-only