Slinkimas leidžia vartotojams peržiūrėti tinklalapius / ilgus dokumentus kairėn ir dešinėn arba aukštyn ir žemyn. Tai galima atlikti pridedant horizontalias ir vertikalias slinkties juostas, priklausomai nuo turinio. Slinkties juostos matmenys, pvz., aukštis ir plotis, nustatomi pagal numatytuosius nustatymus. Tačiau juos galima tinkinti naudojant susijusius „JavaScript“ metodus. Kai juos bus galima pridėti arba nustatyti dokumente, vartotojas gali lengvai juos identifikuoti naudodamas integruotą ' slinkties viršaus () ', ir ' slinkti į kairę () “ metodai.
Šiame įraše paaiškinamas „jQuery“ metodo „scrollLeft()“ tikslas ir funkcionalumas.
Kas yra „scrollLeft()“ metodas „jQuery“?
„ slinkti į kairę () “ metodas yra specialiai sukurtas horizontaliai slinkties juostai, kad būtų galima nustatyti ir atkurti jos padėtį pikseliais. Jis apskaičiuoja pasirinkto HTML elemento slinkties juostos padėtį. Jis dažniausiai taikomas div, konteinerio ir sekcijos elementams.
Sintaksė (nustatyti horizontalią slinkties juostos padėtį)
$ ( parinkiklis ) .slinkite į kairę ( padėtis )
Aukščiau pateikta sintaksė naudoja sveikojo skaičiaus reikšmę kaip „ padėtis “ argumentą, kad nustatytumėte tikslinės parinkiklio horizontalios slinkties juostos padėtį.
Sintaksė (gauti horizontalią slinkties juostos padėtį)
$ ( parinkiklis ) .slinkite į kairę ( )
Ši sintaksė grąžina parinkiklio argumento „pozicijos“ reikšmę pikseliais.
Apibrėžtą metodą panaudokime praktiškai.
HTML kodas
Pirmiausia pažvelkite į nurodytą HTML kodą:
< skyrius stilius = 'aukštis: 150 piks.; plotis: 200 piks. ; paraštė: automatinis; kraštinė: 2 piks. juoda; perpildymas: automatinis;tarpas: be įvyniojimo;' >
< h2 > Sveiki atvykę į Linuxhint ! h2 >
skyrius >
< mygtuką > Nustatyti padėtį mygtuką >
Aukščiau pateiktose kodo eilutėse:
- „
“ žymoje yra HTML dokumento dalis, pritaikyta atributo „style“ pagalba. - Sukurtoje skiltyje „ “ žyma apibrėžia paantraštę.
- Galiausiai „
“ žyma prideda mygtuką.
Pastaba: Sekite pateiktą HTML kodą visuose šio įrašo pavyzdžiuose.
1 pavyzdys: „scrollLeft()“ metodo taikymas norint nustatyti slinkties juostos (horizontaliąją) padėtį
Šiame pavyzdyje naudojamas metodas „scrollLeft()“, kad būtų nustatyta slinkties juosta (horizontali) nurodytoje vietoje.
jQuery kodas
Vykdykite nurodytą jQuery kodą:
< scenarijus src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > scenarijus >< scenarijus >
$ ( dokumentas ) .pasiruošęs ( funkcija ( ) {
$ ( 'mygtukas' ) .spustelėkite ( funkcija ( ) {
$ ( 'skyrius' ) .slinkite į kairę ( penkiasdešimt ) ;
} ) ;
} ) ;
scenarijus >
Šiame kodo fragmente:
- Pirmiausia nurodykite „jQuery“ bibliotekos CDN kelią „