Поведение WebKit / Blink (Safari / Chrome) по умолчанию в MacOS начиная с 10.7 (Mac OS X Lion) заключается в том, чтобы скрывать полосы прокрутки от пользователей трекпада, когда они не используются. Это может сбивать с толку ; полоса прокрутки часто является единственной визуальной подсказкой, что элемент можно прокручивать.
Пример ( jsfiddle )
HTML<div class="frame">
Foo<br />
Bar<br />
Baz<br />
Help I'm trapped in an HTML factory!
</div>
CSS
.frame {
overflow-y: auto;
border: 1px solid black;
height: 3em;
width: 10em;
line-height: 1em;
}
Скриншот WebKit (Chrome)
Скриншот Presto (Opera)
Как заставить полосу прокрутки всегда отображаться на прокручиваемом элементе в WebKit?