>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Сustom Buttons http://forum.mozilla-russia.org/viewforum.php?id=34 >[CB]Mинимальный стиль для полосы прокрутки (скролбара) http://forum.mozilla-russia.org/viewtopic.php?id=57171 |
bunda1 > 26-11-2012 00:06:35 |
Mинимальный стиль для полосы прокрутки (скролбара)( Firefox 3.6 + ) Использование: положите код в любую Custom Buttons кнопку, в инициализацию + рестарт. Не обязательно создавать новую CB кнопку, можно использовать уже существующую. Выделить код Код:// Mинимальный стиль для полосы прокрутки (скролбара) от 11.05.2013. ............................... var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); var uri = makeURI('data:text/css,'+ encodeURIComponent('\n\ scrollbar thumb { -moz-appearance: none !important; background-color: green ! important; }\n\ scrollbar:not(:hover) thumb { opacity: .5 !important; }\n\ scrollbar[orient="vertical"], scrollbar[orient="horizontal"] { min-width: 8px !important; }\n\ textarea:not([anonid="input"]) [orient="vertical"], textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { min-width: 16px !important; }\n\ scrollbar { -moz-appearance: none!important; background: transparent !important; }\n\ scrollbar scrollbarbutton { visibility: collapse !important; }\n\ textarea:not([anonid="input"]) scrollbar scrollbarbutton { visibility: visible !important; }\n\ scrollbar scrollcorner, scrollcorner { background: transparent !important; }\n\ ')) if ( sss.sheetRegistered(uri, sss.AGENT_SHEET) ) { sss.unregisterSheet(uri, sss.AGENT_SHEET) }; sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); |
middlemouse.paste > 16-03-2013 03:24:00 |
А если добавить к параметрам 6й строки border-radius: 4px !important; то ползунок будет с закругленными краями. |
bunda1 > 16-03-2013 11:53:37 |
middlemouse.paste Нащёт скролбар поверх страницы я не знаю. |
Kamui > 16-03-2013 17:34:17 |
А при наведении на скроллбар, ширина (для вертикального) или высота (для горизонтального) ползунка увеличивается? |
bunda1 > 16-03-2013 20:52:00 |
Kamui |
Kamui > 16-03-2013 21:14:59 |
bunda1 пишет
Я так понимаю сделать не получиться, потому что ползунок дочерний элемент скроллбара и не может быть шире/выше самого скроллбара? |
ElFrio > 22-04-2013 19:11:37 |
Перестаёт работать возможность изменения размера поля ввода. Не подскажете, как исправить? |
middlemouse.paste > 08-06-2013 23:05:16 |
Благодаря jetpack Floaty Scrollbar найдено решение как сделать скролбар поверх страницы Выделить код Код:// Mинимальный стиль для полосы прокрутки (скролбара) var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); var uri = makeURI('data:text/css,'+ encodeURIComponent('\n\ scrollbar thumb { -moz-appearance: none !important; background-color: green ! important; border-radius: 4px !important;}\n\ scrollbar:not(:hover) thumb { opacity: .5 !important; }\n\ scrollbar[orient="vertical"] { -moz-margin-start: -8px !important; min-width: 8px !important; max-width: 8px !important;}\n\ scrollbar[orient="horizontal"] { -moz-margin-start: -8px !important; min-height: 8px !important; max-height: 8px !important; margin-top: -8px !important;}\n\ textarea:not([anonid="input"]) [orient="vertical"], textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { min-width: 16px !important; }\n\ scrollbar { -moz-appearance: none!important; background: transparent !important; position: relative !important;}\n\ scrollbar scrollbarbutton { visibility: collapse !important; }\n\ textarea:not([anonid="input"]) scrollbar scrollbarbutton { visibility: visible !important; }\n\ scrollbar scrollcorner, scrollcorner { background: transparent !important; }\n\ ')) if ( sss.sheetRegistered(uri, sss.AGENT_SHEET) ) { sss.unregisterSheet(uri, sss.AGENT_SHEET) }; sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); Прошу протестировать желающих. |
bunda1 > 09-06-2013 12:32:43 |
middlemouse.paste |
vom > 09-06-2013 21:25:43 |
bunda1 |
middlemouse.paste > 09-06-2013 22:58:17 |
bunda1 Выделить код Код:var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService); var uri = makeURI('data:text/css,'+ encodeURIComponent('\n\ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);\n\ scrollbar thumb { -moz-appearance: none !important; background-color: yellow !important; border-radius: 4px !important; opacity: 0.7 !important;}\n\ scrollbar:not(:hover) thumb { opacity: 0.3 !important; }\n\ scrollbar[orient="vertical"] { -moz-margin-start: -8px !important; min-width: 8px !important; max-width: 8px !important;}\n\ scrollbar[orient="horizontal"] { -moz-margin-start: -8px !important; margin-top: -8px !important; min-height: 8px !important; max-height: 8px !important;}\n\ scrollbar scrollbarbutton { visibility: collapse !important; }\n\ scrollbar { -moz-appearance: none!important; background: transparent !important; position: relative !important; }\n\ scrollbar scrollcorner, scrollcorner { background: transparent !important; }\n\ ')); sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); Проблема видимо в строке Выделить код Код:textarea:not([anonid="input"]) [orient="vertical"], textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { min-width: 16px !important; }\n\ |
bunda1 > 10-06-2013 18:42:26 |
vom пишет
В чём проблема, у меня вроде как работает с настройкой layout.scrollbar.side;3 |
bunda1 > 10-06-2013 22:37:00 |
middlemouse.paste пишет
Кстати твой вариант работает без проблем, спасибо. |
vom > 18-06-2013 16:05:51 |
bunda1 пишет
Вертикальный скроллбар вообще исчезает, хотя горизонтальный остается. Проверял на чистых профилях 21 и 22, может быть они по разному обрабатываются. |
bunda1 > 20-06-2013 18:30:55 |
vom пишет
Не знаю в чём дело может попробуй 09-06-2013 21:58:17 |