Wie bestimme ich die Position der Bildlaufleiste in JavaScript?

Bestimmen der Position der Bildlaufleiste mit JavaScript

Beim Navigieren auf einer Webseite ist es oft notwendig, die Position der Bildlaufleiste zu bestimmen, um die aktuelle Ansicht zu verstehen . Im Gegensatz zu Ihrer anfänglichen Vermutung bietet JavaScript eine unkomplizierte Lösung, ohne dass Daumen- und Spurabmessungen berechnet werden müssen.

Lösung:

JavaScript bietet die Eigenschaften scrollTop und scrollLeft für Elemente. wie zum Beispiel der document.body, der die gesamte Seite darstellt. Diese Eigenschaften stellen die vertikale bzw. horizontale Bildlaufposition bereit.

Um den prozentualen Versatz der Bildlaufleiste zu erhalten, können Sie die Bildlaufposition mit der Gesamthöhe oder -breite des Elements vergleichen. Verwenden Sie für die Seite entsprechend document.body.offsetHeight und document.body.offsetWidth.

Codebeispiel:

// Get the scrollbar position from the body
var scrollTop = document.body.scrollTop;
var scrollLeft = document.body.scrollLeft;

// Calculate the percentage offset of the scrollbar
var percentScrollTop = scrollTop / (document.body.scrollHeight - document.body.offsetHeight);
var percentscrollLeft = scrollLeft / (document.body.scrollWidth - document.body.offsetWidth);

Durch die Verwendung von scrollTop und scrollLeft können Sie dies tun Bestimmen Sie mühelos die aktuelle Position der Bildlaufleiste und den entsprechenden prozentualen Versatz, sodass Sie die Interaktion Ihrer Webanwendungen mit dem Seitenscrollen bequem verbessern können.

Das obige ist der detaillierte Inhalt vonWie bestimme ich die Position der Bildlaufleiste in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!