Iframe Scrollbar css

Question

Как мне изменить смену css прокрутки? iframe? Моя проблема с текущей полосой прокрутки в моем iframe заключается в том, что кадр не очень широк, а полоса прокрутки в нем громоздка и занимает слишком много места ... Использование "scrolling="no" заставляет полосу прокрутки исчезать, но затем пользователь не может прокручивать ... Кстати , Мой браузер Google Chrome ...

Answer 1

Это CSS для изменения полосы прокрутки в хромых фреймах

body { 
position: absolute; 
overflow-y: scroll; 
overflow-x: hidden; 
} 
html { 
overflow-y: auto; 
background-color: transparent; 
} 
::-webkit-scrollbar { 
width: 10px; 
height: 10px; 
display: none; 
} 
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment { 
height: 30px; 
background-color: transparent; 
} 
::-webkit-scrollbar-track-piece { 
background-color: #3b3b3b; 
-webkit-border-radius: 16px; 
} 
::-webkit-scrollbar-thumb:vertical { 
height: 50px; 
background-color: #666; 
border: 1px solid #eee; 
-webkit-border-radius: 6px; 
} 

Answer 2

Вы не можете создать полосу прокрутки (другую, чтобы включить и выключить) с помощью CSS вообще.

Есть некоторые проприетарные материалы, которые позволяют применять некоторые стили, но это поддерживается только IE и Opera.

Хром не имеет механизма для этого.

Как отмечает комментатор, WebKit теперь поддерживает a different proprietary mechanism for styling scrollbars. Я даже не подозреваю, что сборка Chrome в WebKit была объединена или включена.

Вы, , можете посмотреть на замену прокрутки оптом на JavaScript, и jScrollPane, похоже, делает разумную работу, не нарушая обычные правила взаимодействия.

Тем не менее, изменение внешнего вида пользовательских элементов управления является то, что я хотел бы попробовать, чтобы избежать, и сделать что-то пользователи должны стремиться указатель на меньших оттеняет мигающий красный свет с пометкой «Fitts's law».

Лучшее решение, вероятно, будет заключаться в том, чтобы «не втиснуть столько информации в столь малое пространство».

Answer 3

Вы можете сделать это путем получения полосы прокрутки элемента в кадре, например, использование JQuery:

$("#iFrameId").contents().find("-webkit-scrollbar").css("width","5px") 

Но, как и другие говорили - это не очень подходит.