Cum să aflați câte documente scrolling se deplasează (scrollleft, scrolltop) de ce scrollleft, scrolltop


document.getElementById ('Layer1'). scrollTop // Citiți valoarea scrollTop

document.getElementById ('Layer1') scrollTop = 50; // Derulați de sus în jos până la 50 în jos







Dar când este vorba despre derularea întregului document, trebuie să luați în considerare prezența în document a construcției! DOCTYPE. În cazul în care DOCTYPE! Comută browser-ul in modul standard urmat, unele proprietăți obiect document.body sunt disponibile numai prin intermediul document.documentElement obiect, acest lucru este valabil și pentru proprietățile scrollLeft, scrollTop.

Dacă browser-ul este în modul CSS1Compat (secvență mod standard), care pot fi găsite în proprietățile document.compatMode, document.body.scrollLeft document.body.scrollTop și va fi întotdeauna egal cu zero, iar valorile corecte pot fi obținute prin intermediul documentului și document.documentElement.scrollTop .documentElement.scrollLeft. Dar totul se schimbă invers dacă browserul se află în modul de compatibilitate înapoi (document.compatMode == "BackCompat").







Iată cum puteți găsi valorile scrollTop și scrollLeft pentru corpul documentului:

funcția getBodyScrollTop ()
retur auto.pageYOffset || (document.documentElement document.documentElement.scrollTop) || (document.body document.body.scrollTop);
>

funcția getBodyScrollLeft ()
retur auto.pageXOffset || (document.documentElement document.documentElement.scrollLeft) || (document.body document.body.scrollLeft);
>
* Notă: metodele scrollBy (numHorz, numVert) și scrollTo (numX, numY) permite, de asemenea, conținutul prokuruchivat ale obiectului.

scrollBy (numHorz, numVert) - spiralelor decalajului specificat din poziția curentă (numHorz, numVert își poate asuma valori pozitive și negative, precum și 0 la poziția otsaviv fără schimbare).

scrollTo (numX, numY) - derulează conținutul într-o anumită poziție.

De exemplu: window.scrollBy (0, -10); // crește cu 10 pixeli
Luat de pe www.tigir.com







Trimiteți-le prietenilor: