Полоса прокрутки Iframe css

Question

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

Answer 1

Это css для изменения полос прокрутки в iframes в chrome

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

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

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

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

Answer 3

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

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

Chrome не предоставляет никакого механизма для этого.

Как отмечает комментатор, WebKit теперь поддерживает другой собственный механизм для стилизации полос прокрутки . Я не знаю, была ли эта сборка или включена в сборке Chrome WebKit.

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

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

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