HTML विंडो पेजXOffset प्रॉपर्टी पिक्सेल में मान लौटाती है, वर्तमान दस्तावेज़ को बाएं कोने से क्षैतिज रूप से स्क्रॉल किया गया है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
window.pageXOffset
आइए हम HTML विंडो पेज XOffset संपत्ति का एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat; text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } .box { width: 1000px; height: 1000px; background: teal; color: #fff; font-size: 1.5rem; text-align: left; padding: 20px; } </style> <body> <h1>HTML Window pageXOffset Property Demo</h1> <button onclick="scrollFn()" class="btn">Scroll</button> <button onclick="display()" class="btn">Show pageXOffset value</button> <div class="box"></div> <script> function display() { document.querySelector('.box').innerHTML = 'The value of pageXOffset is: ' + window.pageXOffset + 'px'; } function scrollFn() { window.scrollBy(10, 0); } </script> </body> </html>
आउटपुट
“पृष्ठ दिखाएँXOffset मान . पर क्लिक करें पेजXOffset संपत्ति का मूल्य प्रदर्शित करने के लिए बटन:
अब “स्क्रॉल . पर क्लिक करें पृष्ठ को स्क्रॉल करने के लिए बटन -
और फिर "पेजXOffset मान दिखाएं . पर क्लिक करें पेजXOffset का मान प्रदर्शित करने के लिए " बटन -