ugrás a tartalomhoz

Hogyan tudok ilyen egyedi scrollbart készíteni a legegyszerűbben?

mimo · 2010. Május. 29. (Szo), 11.38
Ilyet szeretnék készíteni, mi szükséges hozzá? A forráskódnak milyennek kell lenni? Külön meg kell csinálni PS-ben a görgető sávot és a görgetőt?




köszönöm előre is
 
1

Jópár megoldás létezik, lehet

Poetro · 2010. Május. 29. (Szo), 12.30
Jópár megoldás létezik, lehet válogatni. Mondjuk ezek közül nekem a FleXcroll tetszett, ami ugyan nem ingyenes, de jól kidolgozott.
2

Jó, de én pontosan ilyet szeretnék, erre van lehetőség?

mimo · 2010. Május. 30. (V), 11.19
Tehát nem valaki más egyedi scrollját akarom betölteni az oldalamra, hanem olyat szeretnék, amit én kigondoltam. Be tudom-e helyettesíteni egy már meglévő scrollbarba az én elemeimet?
Mert ez két elemből áll csak, szerintem nagyon egyszerű, van egy csúszka meg egy csúszkasáv és kész. Flash nélkül, html-css-el nem megoldható ennek kivitelezése?
3

Megnézed, kipróbálod

Poetro · 2010. Május. 30. (V), 13.47
Megnézed, kipróbálod.
4

Szerintem próbáld meg magad

mahoo · 2010. Jún. 2. (Sze), 20.31
Szerintem próbáld meg magad megcsinálni, már csak azért is, mert sokat lehet belőle tanulni!
Természetesen meg lehet flash nélkül csinálni, de js mindenképpen kell hozzá.

A lényeg ugye, hogy egy div-et, img-t, stb. egérrel tudjál mozgatni bizonyos határokon belül és az elmozdulás függvényében görgetni kell a tartalmat, ilyen egyszerű :). Szóval szerintem próbálkozz először az egérrel történő div mozgatással (drag and drop) aztán onnan már könnyebb.

Számtalan példa van erre is a neten, én is kerestem és talaltam is sokat, de annyira összetettek voltak, hogy inkább megírtam magam. Ha érdekel: http://weblabor.hu/forumok/temak/104043#comment-66374

Sok sikert!
5

nekem ilyene :)

bence04 · 2010. Jún. 30. (Sze), 14.49
hello
én ilyen megoldást csináltam css-ben: :)

body {
scrollbar-face-color:#FF8000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#FF8000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#000000;
}

teljesen jó csak annyi van hogy firefoxbn és chromeban nem működik csak ie-ben többi böngészőt még nem próbáltam :Ö