Autor Zpráva
Martin02
Profil
Zdravím,

Potřebuji nahradit scrollbar svým vlastním - pomocí javascriptu. Chci se zeptat, jestli je nějak možné, aby při scrollování kolečkem vůbec javascript nebyl používán? - ten se použije pouze tehdy, když uživatel přímo klikne na scrollbar a posune ho. Jinak řečeno, potřebuji něco jako overflow: scroll, ale aby ten scrollbar nebyl vidět.

Díky
Chamurappi
Profil
Reaguji na Martina02:
Jinak řečeno, potřebuji něco jako overflow: scroll, ale aby ten scrollbar nebyl vidět.
Posuvník neruš, změř mu šířku, rozšiř o ni element a rodičem s overflow: hidden ten posuvník ořízni.

Potřebuji nahradit scrollbar svým vlastním - pomocí javascriptu.
Proč to potřebuješ? V drtivé většině případů si podobnými ptákovinami web uškodí. Nikdy se ti nepodaří naskriptovat plnohodnotnou náhradu, kterou široké spektrum uživatelů správně pochopí.
Martin02
Profil
Chamurappi:
Děkuji.

Ano, vím, že jsou javascriptové scrollbary z tohoto hlediska špatné. Ale rozhodl jsem se, že je design (alespoň v mém případě) důležitější.
Chamurappi
Profil
Reaguji na Martina02:
rozhodl jsem se, že je design (alespoň v mém případě) důležitější
Jako že ti design posuvníků přinese víc uživatelů, než kolik jich tvůj posuvník nepochopí? Tak oslnivě atraktivní posuvník jsem ještě neviděl.
Bubák
Profil
Martin02:
rozhodl jsem se, že je design (alespoň v mém případě) důležitější.
Můžeš nasyslovat posuvník pro webkit prohlížeče.
https://www.webkit.org/blog/363/styling-scrollbars/
http://css-tricks.com/custom-scrollbars-in-webkit/

Příklady, pouze pro webkit:
http://teststranek.kvalitne.cz/scrollbar/
http://teststranek.kvalitne.cz/scrollbar/scrollbar2.html

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: