Window pageXOffset Property
- Nakaraang Pahina outerWidth
- Susunod na Pahina pageYOffset
- Bumalik sa Isang Lebel Object ng Window
Definition and Usage
pageXOffset
The property returns the number of pixels the document has been scrolled from the top-left corner of the window.
pageXOffset
The property is equal to scrollX
Property.
pageXOffset
The property is read-only.
See also:
Instance
Example 1
Scroll the content by 100 pixels and prompt pageXOffset and pageYOffset:
window.scrollBy(100, 100); alert(window.pageXOffset + window.pageYOffset);
Example 2
Create a sticky navigation bar:
// Get the navigation bar const navbar = document.getElementById("navbar"); // Get the offset position of the navigation bar const sticky = navbar.offsetTop; // Add the sticky class to the navigation bar when you reach its scroll position. Remove the sticky class when you leave the scroll position. function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } }
Syntax
window.pageXOffset
Or:
pageXOffset
Return Value
Type | Description |
---|---|
Number | Number of pixels scrolled from the top-left corner of the window. |
Browser Support
Lahat ng mga browser ay sumusuporta window.pageXOffset
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Suporta | 9-11 | Suporta | Suporta | Suporta | Suporta |
- Nakaraang Pahina outerWidth
- Susunod na Pahina pageYOffset
- Bumalik sa Isang Lebel Object ng Window