ЦСС Сцроллбар Генератор

Траке за померање у стилу Цхроме, Сафари и Едге са породицом псеудоелемената ::-вебкит-сцроллбар: засебна правила за стазу, палац и стање лебдења палца, плус тачна ширина у пикселима и радијус ивице палца. Фирефок игнорише све то у потпуности и уместо тога чита два стандардна својства, ширину траке за померање и боју траке за померање, која су касније ушла у спецификацију ЦСС трака за померање. Ово нису два дијалекта исте карактеристике – то су два различита скупа функција са различитим плафонима, а већина генератора трака за померање тихо прекрива празнину тако што само приказује резултат ВебКит-а. Овај нема.

Подесите ширину, боју траке, боју палца, боју лебдења и радијус угла палца једном, а алатка прави два скупа правила од истих улаза. ВебКит блок обухвата ::-вебкит-сцроллбар, ::-вебкит-сцроллбар-трацк, ::-вебкит-сцроллбар-тхумб и његово :ховер стање у лево демо поље, тако да оно што видите је тачно оно што Цхроме, Сафари и Едге приказују — сопствени прави механизам претраживача, а не симулирани преклоп. Фирефок блок поставља ширину траке за померање и боју траке за померање на десном демо боксу користећи сопствени мотор тог истог претраживача, због чега оквир изгледа другачије само када је ова страница заиста отворена у Фирефок-у; у ВебКит претраживачу тамо приказује сопствену подразумевану траку за померање, а алатка то каже уместо да лажира изглед Фирефок-а са позајмљеним пикселима.

Мапирање ширине је најјаснији пример јаза: ширина траке за померање Фирефок-а прихвата само кључне речи ауто, танке или никакве — никада тачан број пиксела. Овај генератор искрено мапира вашу одабрану ширину (8 пиксела и испод постаје танко, све шире постаје аутоматски) и приказује резултујућу кључну реч поред вашег уноса, уместо да измишља лажни резултат за Фирефок савршен за пиксел који не постоји. Фирефок такође нема начина да подеси посебну боју лебдења, независни полупречник ивице палца или боју траке која није само друга вредност боје траке за померање — то су трајна, стварна ограничења платформе, а не пропусти у овој алатки.

Копирајте комбиновани ЦСС блок и оба скупа правила путују заједно, сваки под својим коментаром, спремни за налепљивање у листу стилова какав јесте. Све се приказује и ажурира у вашем претраживачу док превлачите контроле — без отпремања, без налога, без повратног пута сервера, и наставља да ради ван мреже када се страница учита.