Archiv štítku: scrollbar

Vlastní scrollbar pomocí CSS a JavaScriptu

Poměrně dlouho jsem hledal nějaké elegantní řešení pro vlastní vzhled scrollbaru. Prostě něco takového:

Tušil jsem, že by mohl existovat již hotový plugin pro knihovnu jQuery. Nejprve jsem zkoušel plugin jquery-scroll od thomd. Ten sice umí vše potřebné a scrollbar se dá opravdu dobře přizpůsobit, ale CSS mi přišlo poněkud překombinované. Prostě jsem necítil, že je to úplně „to ono“.

Velice zběžně jsem si prohlédl Control.ScrollBar, ten ale vyžaduje zapsání dalších HTML elementů, což je velice nepohodlné. Takže toto řešení jsem zavrhl.

A do třetice 🙂 nejlepší řešení, možnosti nastavení vzhledu jsou, řekl bych, menší než u prvního pluginu, ale CSS je stručný a i skripty jsou poměrně malé. Jedná se o plugin jScrollPane. Plugin je zprovozněný v podstatě ihned (návod zde) a díky velice přehlednému CSS je úprava jeho vzhledu otázkou chvilky.