Lehet színes görgetősávot (scrollt) szerkeszteni Firefoxban, ugy mint pl IE ben?

LEHET színezni a görgető sávokat (scroll) minden böngészőben!

Nem rég készítettem az alábbi megoldást. Egy kis CSS trükkel megoldható a probléma. Töltsd le a FlexCroll scriptet innen [link] , majd a HTML-ben módosítsd a paramétereket. Állítsd be a site-ot így:

* { margin: 0;padding: 0;} html,body {height:100%; width:100%;} html,body{overflow:auto;} * html{height:100%; width:100%;}

A fleXcroll script készítője azt mondja, csak fix méretekkel jeleníthető meg a dobozka tartalma. Ez igaz is, de most a képernyő scrollozását szabályozzuk, tehát a méretek itt is 100%-osak.

<div class="flexcroll" style="overflow:auto; float:left; margin-right:-999em; height:100%;width:100%; ">

Ahol is a jobb szélét eltoljuk a képernyőnek.

A scroll konfigurálása (képek vagy színezés) már sima CSS.

A </head> elé ne felejtsd el beírni az utalást:

<script type="text/javascript" src="flexcroll/flexcroll.js"></script>

<link href="flexcroll/flexcrollstyles.css" rel="stylesheet" type="text/css">

A flexCroll div bezárása előtt illessz be egy div elemet olyan szélességűre, mint a lap belső tartalma, pozicionálása a tartalom elhelyezkedésétől függő, hogy a kis monitorokon is megjelenjen az alsó scroll. Valahogy így:

<div align="center" style="width:1000px; padding: 0.1%em; margin-top:-0.3em; margin: 0 auto;" ></div>

Ezzel meg is vagyunk.

Demo itt látható: [link]

Próbáld minden böngészőben....működik.

Jó szórakozást!