Pomicanje omogućuje korisnicima pregled web stranica/dugih dokumenata lijevo i desno ili gore i dolje. Može se izvesti dodavanjem vodoravnih i okomitih traka za pomicanje, ovisno o sadržaju. Dimenzije trake za pomicanje, kao što su visina i širina, postavljene su prema zadanim postavkama. Međutim, oni se mogu prilagoditi uz pomoć svojih povezanih JavaScript metoda. Nakon što se mogu dodati ili postaviti u dokument, korisnik ih može lako identificirati pomoću ugrađenog ' scrollTop() ', i ' scrollLeft() ” metode.
Ovaj post objašnjava svrhu i funkcionalnost metode “scrollLeft()” u jQueryju.
Što je metoda “scrollLeft()” u jQueryju?
' scrollLeft() ” metoda je posebno dizajnirana za postavljanje i dohvaćanje položaja vodoravne trake za pomicanje u pikselima. Izračunava položaj trake za pomicanje odabranog HTML elementa. Uglavnom se primjenjuje na elemente div, kontejner i odjeljak.
Sintaksa (Postavi horizontalni položaj klizne trake)
$ ( selektor ) .scrollLijevo ( položaj )
Gornja sintaksa uzima vrijednost cijelog broja kao ' položaj ” za postavljanje vodoravnog položaja trake za pomicanje ciljanog birača.
Sintaksa (dobijte položaj vodoravne trake za pomicanje)
$ ( selektor ) .scrollLijevo ( )
Ova sintaksa vraća vrijednost argumenta 'položaj' birača u pikselima.
Upotrijebimo definiranu metodu praktično.
HTML kôd
Prvo pogledajte navedeni HTML kod:
< odjeljak stil = 'height:150px; width: 200px ;margin:auto;border:2px full black; overflow: auto;razmak: nowrap;' >
< h2 > Dobrodošli u Linuxhint ! h2 >
odjeljak >
< dugme > Postavite položaj dugme >
U gornjim redcima koda:
- '
” sadrži dio unutar HTML dokumenta prilagođen uz pomoć atributa “style”. - Unutar stvorenog odjeljka, ' ” oznaka definira podnaslov.
- Na kraju, '
” dodaje gumb.
Bilješka: Slijedite navedeni HTML kod u svim primjerima ovog posta.
Primjer 1: Primjena metode “scrollLeft()” za postavljanje (vodoravnog) položaja trake za pomicanje
Ovaj primjer koristi metodu 'scrollLeft()' za postavljanje trake za pomicanje (vodoravno) na navedeni položaj.
jQuery kod
Slijedite navedeni jQuery kod:
< skripta src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > skripta >< skripta >
$ ( dokument ) .spreman ( funkcija ( ) {
$ ( 'dugme' ) .klik ( funkcija ( ) {
$ ( 'odjeljak' ) .scrollLijevo ( pedeset ) ;
} ) ;
} ) ;
skripta >
U ovom isječku koda:
- Prvo navedite CDN put jQuery biblioteke u '
” oznaka sa svoje službene web stranice “ https://jquery.com/ ' uz pomoć ' src ” atribut. - Zatim, druga oznaka “