Почему Chrome не отображает полосу прокрутки CSS :: - webkit-scrollbar для iframe? - PullRequest
Новая
       21

Почему Chrome не отображает полосу прокрутки CSS :: - webkit-scrollbar для iframe?

2 голосов
/ 19 октября 2010

Почему Chrome не показывает CSS ::-webkit-scrollbar полосу прокрутки для iframe?

Демо http://jsfiddle.net/laukstein/C9s3P/

<iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe>

CSS 

::-webkit-scrollbar{
    width:0.8em;
    height:0.8em;
    background-color:#fff;
}
::-webkit-scrollbar:hover{
    background-color:#eee;
}
::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#666;
}
::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    -webkit-border-radius:4px;
    background-color: #ddd;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #bbb;
}
::-webkit-scrollbar-thumb:active{
    background-color:#888;
}

Ответы [ 3 ]

3 голосов
/ 31 декабря 2010

Очевидно, согласно результатам http://browsershots.org реализация CSS отличается в версиях Chrome 5 и 6+. Когда ваш тестовый экран просматривается, он выглядит следующим образом ...

Изменения в поведении

Просто общая информация об изменениях в поведении стилей прокрутки.

Chrome 5.0.x - iFrame показывает полосы прокрутки

alt text

Chrome 6.0.x + - показывает без полос прокрутки

alt text

(весь набор результатов испытаний @ http://browsershots.org/http://jsfiddle.net/laukstein/C9s3P/embedded/result/)

Обновление

По-видимому, на официальной странице Styling Scrollbars не говорится, что она работает с iFrames, хотя в какой-то момент (Chrome 5) она работала, как показано выше. Поведение отличается с 6.

Автор: Dave Hyatt в четверг, 19 марта 2009 года в 14:19
WebKit теперь поддерживает стилизацию полосы прокрутки в разделах переполнения, списки, выпадающие меню и прокручиваемые. Для тех, кто хочет пропустить статья и просто идти прямо к источник, вот пример [...]

Комментарий на той же странице гласит:

Жаль, что окна не подходят скроллбары.

iFrame обычно использует полосы прокрутки Windows.

Одной из возможностей является реализация Chrome iFrames или полос прокрутки, измененных с v5 на v6, либо с нестандартной полосы прокрутки на полосу прокрутки чисто Windows, либо с «фальшивого» div iFrame под капотом (или чего-то похожего) на настоящее окно для iFrame, так как браузер развивался на платформе Windows.

2 голосов
/ 05 октября 2011

Кажется, работает на Chrome 14.

0 голосов
/ 31 декабря 2010

У меня работает.Возможно, проверьте свою версию Chrome?(Я использую 8.0.552.231)

...