A görgetés lehetővé teszi a felhasználók számára, hogy megtekintsék a weboldalakat/hosszú dokumentumokat balra és jobbra, illetve fel és le. A tartalomtól függően vízszintes és függőleges görgetősávok hozzáadásával hajtható végre. A görgetősáv méretei, például a magasság és a szélesség alapértelmezés szerint be vannak állítva. Ezek azonban testreszabhatók a hozzájuk tartozó JavaScript metódusok segítségével. Miután hozzáadhatók vagy beállíthatók a dokumentumba, a felhasználó könnyen azonosíthatja őket a beépített „ scrollTop() ', és a ' scroll Left() ” módszerekkel.
Ez a bejegyzés elmagyarázza a jQuery „scrollLeft()” metódusának célját és működését.
Mi az a „scrollLeft()” metódus a jQuery-ben?
A ' scroll Left() ” módszert kifejezetten a vízszintes görgetősávhoz tervezték, hogy beállítsa és lekérje a pozícióját pixelben. Kiszámítja a kiválasztott HTML-elem görgetősáv pozícióját. Leginkább a div, konténer és szakasz elemekre alkalmazzák.
Szintaxis (vízszintes görgetősáv pozíciójának beállítása)
$ ( választó ) .ScrollBalra ( pozíció )
A fenti szintaxis az egész értéket veszi fel a „ pozíció ” argumentum a megcélzott választó vízszintes görgetősávjának pozíciójának beállításához.
Szintaxis (vízszintes görgetősáv pozíciójának lekérése)
$ ( választó ) .ScrollBalra ( )
Ez a szintaxis a választó „pozíció” argumentumértékét adja vissza pixelben.
Használjuk gyakorlatiasan a meghatározott módszert.
HTML kód
Először nézze meg a megadott HTML-kódot:
< szakasz stílus = 'magasság: 150 képpont; szélesség: 200 képpont ; margó: automatikus; szegély: 2 képpont tömör fekete; túlcsordulás: automatikus;szóköz: nowrap;' >
< h2 > Üdvözöljük a Linuxhintben ! h2 >
szakasz >
< gomb > Állítsa be a pozíciót gomb >
A fenti kódsorokban:
- A '
” címke tartalmaz egy részt a HTML dokumentumon belül, amely a „style” attribútum segítségével testreszabható. - A létrehozott szakaszon belül a „ ” címke határozza meg az alcímet.
- Végül a „
” címke hozzáad egy gombot.
Jegyzet: Kövesse a megadott HTML-kódot a bejegyzés összes példájában.
1. példa: A „scrollLeft()” módszer alkalmazása a görgetősáv (vízszintes) pozíciójának beállításához
Ez a példa a „scrollLeft()” metódus segítségével állítja be a görgetősávot (vízszintes) a megadott helyre.
jQuery kód
Kövesse a megadott jQuery kódot:
< forgatókönyv src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > forgatókönyv >< forgatókönyv >
$ ( dokumentum ) .kész ( funkció ( ) {
$ ( 'gomb' ) .kattintson ( funkció ( ) {
$ ( 'szakasz' ) .ScrollBalra ( ötven ) ;
} ) ;
} ) ;
forgatókönyv >
Ebben a kódrészletben:
- Először adja meg a jQuery könyvtár CDN elérési útját a „