Két módon hogyan lehet függőleges és vízszintes görgetést a div és a jquery, és nem csak

Néha csak meg kell tenni az oldalon egység, ami egy görgetősáv. Természetesen vannak emlékezett kereteket, de az tény, hogy már régóta túlélte a saját, nem megfelel nekünk. Azt szeretnék, hogy a megoldás, ha a div szokásos lehetett prisobachit görgetést. És ez a döntés, és nem egy, hanem az összes felhasználásával AJAX jellemzői.

Függőleges görgetés segítségével jScrollPane

gyakori szavak

Trükkök a Kereskedelmi

A plugin szoktam gyakorolni egy párszor. Az egyik ilyen példa látható itt. Megjelenése ez nem szabványos, ami jó -, akkor a penész, mindent a szíved vágyait (nem lélek, barátom, és az ügyfelek, az ügyfelek - a szerk.).

Néha bővítmény telepítése szükséges dopolnitelnyyh plugins dolgozni az egér kerék görgetni, és léptessen változtatni méretét mennyiségétől függően a tartalom. A tapasztalat azonban azt mutatja, hogy ez működik nélkülük. Természetesen tudok építeni egy bővítmény néhány rohanó valahol, de ez nem valószínű, rázza a hivatalos látszik.

Elég Részletes információk kód nem szétszedni, elvileg semmi bonyolult nincs. Azonban néhány ponton abbahagyom.

HTML-fájlt. görgetés egység szerkezete a következő

Van egy külső div az osztályban, van egy belső div id és class kell görgetni-panelen. Mindent. A funkció a következő:

Amikor hívja Meghatározza különböző paramétereket, például a szélessége a görgető (scrollbarWidth), a mérete a nyilak (arrowSize), és így tovább. Ezek közül a legfontosabbak a következők:

scrollbarWidth [szám] - scroll szélessége (az alapértelmezés 10)

scrollbarMargin [szám] - padding balra a csúszkát (alapértelmezett 5)

wheelSpeed ​​[szám] - sebesség görgető kerék képpont (alapértelmezett 18)

showArrows [logikai] - mutatja a grafikus nyilak (alapértelmezett false)

arrowSize [szám] - magassága a nyíl, ha showArrows = true (kiszámított CSS, ha nincs megadva)

dragMinHeight [szám] - minimális magasság csúszka (alapbeállítás: 0)

dragMaxHeight [szám] - a maximális magassága a csúszka (alapértelmezés szerint 99999!)

scrollbarOnLeft [logikai] - ha szüksége van egy görgetősáv bal, meg igaz.

Most nyílt jscroll.css fájlt. Lásd a következő sorban.

8-15 vonalak. Belső fel a div szélessége és magassága (!), Overflou (opcionális paraméter látszik), padding valószínűleg szüksége, a többi nem számít.

17-19 sorokban. A külső div. Itt egyáltalán nem lehetetlen, hogy előírják magasságot. és biztos, hogy adja float: left. Mindezt egy cél -, hogy az Opera 10 normálisan működik a tekercseket. Ha ez nem felel meg, akkor lépjünk díva szinkronban a görgetés böngésző, és ennek eredményeként kap teljes képtelenség. Tartsa ezt szem előtt tartva.

23-57 sorokban. Stílusok képek görgetés

Megváltoztatása a fennmaradó sorok elméletileg nem szükséges.

Függőleges és vízszintes görgetés FleXcroll

Nem így ismerik ezt a forgatókönyvet. Bemegy nélkül jQuery, ami egy plusz (de nem mindig jól jQuery szükséges). A másik előnye, hogy van egy vízszintes görgetést. A harmadik előny, hogy az archívumban a bővítménnyel mellékelt példa a használatra, egy jó, változatos, milyen nagy tisztelettel.

A plug-in nincs olyan projekteken dolgozik, de az első találkozás kiderült, hogy egy kellemes. Az egyetlen hátránya, hogy abból a tényből, hogy a kurzor nem alakul, ha lebeg az egeret „kezelni”. Azt hiszem, ez egy mínusz, mert lehet, hogy nem világos, intuitív görgetést vagy sem. Úgy vélem azonban, mindent a css nem fogja megoldani a problémát.

Végén

Az egyetlen hátránya, hogy abból a tényből, hogy a kurzor nem alakul, ha lebeg az egeret „kezelni”. Azt hiszem, ez egy mínusz, mert lehet, hogy nem világos, intuitív görgetést vagy sem.

Ha ez ösztönösen nyilvánvaló, hogy lépjünk - egy tekercset nafig. A felhasználó nem fogja érteni engem itt ez a „toll” törzs

PS. Példa tartalom nem görgethető egér kerék - ez egy nagy mínusz!

Személy szerint én flekskrollom nem használja, de szinte egyáltalán nem kétséges, hogy a CSS lehet rendelni a kívánt elemet kurzor: pointer, és a trükk =)

Ellenőriztem minden példány fut scroll lett pobrauzerno pass, megbotlott a Fox, hogy nem működik. A tény az, hogy a görgetés az egyes böngészők szüksége dop.plagin jQuery görgővel. Tehát egy példa javítani. Köszönöm, hogy észre =)

Ne mondd, hogy lehetséges-e, hogy a Skrpoll böngésző segítségével DIV szakaszon minden képernyőn görgetés, fiatal vagyok a CSS még mindig kevéssé értik, nem az, amit kísérletezett kiemelés 3 napon belül nem hagyja el a scroll eltűnt kását kap használni szélességét és magasságát% vagy px

Kíváncsi vagyok én olyan hosszú, vagy nem lehet elérni a CSS?

Köszönöm előre is a választ.
-
Tisztelettel Dmitry.

várjuk!
hogyan értem a kérdést, akkor kell egy szabályos görgető eszközt css? van, akkor szükséges, hogy regisztrálja a tartály méretei (magasság szükséges) és túlfolyó: tekercset. minden

DIV
magasság: 98%; / * Magasság * egység /
szélesség: 99%; / * Blokk szélessége * /
overflow: auto; / * Add a görgetősáv * /
padding-left: 15px; / * Eltolása a bal szöveg * /
háttér-attachment: fixed;
háttér: # 000000 / * háttér színe * /
url ( 'Fon-OPA-1.jpg') / * Az útvonal a háttérképet * /
no-repeat; / * Ismétlés háttere Függőleges * /
>

BODY háttér-attachment: fixed;
background-image: url ( '1.jpg'); / * Az útvonal a háttérképet * /
>

#layer left: 0px; / * A helyzetét a bal szélén * /
top: 0px; / * A helyzet a felső él * /
alsó: 0px; / * A távolság az alsó széle a böngésző ablak * /
pozíció: abszolút; / * Abszolút pozicionálás * /
padding: 7px; / * A mező körül a szöveget * /
átnyúló: szilárd 0px fekete; / * * Paramétereken belül /
>

Iza nem tudtam, hogy ez a Google Chrome böngésző?

ez nem működik, akkor? csatolja dzheyskroll? vagy fleksskroll?

Azt tanácsolom, hogy letölt egy példa a hivatkozást (például a „Oldal mentése”), és egy egyedi mintát az Ön igényeinek. Néha ez könnyebb, mint megpróbálni egy példa az öltés át egy másik

Akart csinálni az oldalán görgetés szép, hogy véleménye - én találtam a témát sokáig küzdök, de ez nem lehet kicserélni a design gördítősávját.
De nem értem, hogy működik az a merülés, a szervezet nem működik? Nem tudom!.
Letöltés egy mintát, és megpróbálták bevezetni a saját oldalt, DVI, hogy nyúlik a határokat a böngésző, az lenne a design a zenekar állt, hogy a példában a helyen, ahol a zenekar a böngésző is ...
Itt van valami, én harcolni ..
Hálás lennék azoknak, akik elmagyarázzák, hogyan kell egyengetni sávban görgetés böngészőt.
Köszönöm előre.

Üdvözlettel, Dmitry!

Jó napot kívánok.
Először is szeretnék köszönetet mondani a vezető ezt a blogot. Olvastam egy pár napig. Jó az adatok megjelenítésére.

És akkor a kérdés: töltse le például jScroll, minden működik. Tetszik.
A kérdés a következő: ebben a példában (mert valószínűleg máshol is) csúszka skálázott függően típusú információ mennyiségét a blokkban.
Lehetséges, hogy megbizonyosodjon arról, hogy a csúszka nem változott (nem nyúlik)?

És mi használjuk a függőség a teljes hossza a görgetősáv a hossza a blokk?

Köszönöm előre is a választ.

Köszönöm a felülvizsgálat!

Igen, lehet! Nem emlékszem pontosan, hogyan, de ha nem tévedek, akkor be lehet állítani a minimális és maximális hosszát a csúszkát, és ebben az esetben az egyik vagy a másik paraméter adja meg ugyanazt a számot.

Senks, akkor továbbra is ásni. )