HTML Window pageXOffset प्रॉपर्टी

विवरण

HTML Window pageXOffset प्रॉपर्टी पिक्सेल में मान लौटाती है कि वर्तमान दस्तावेज़ बाएं कोने से क्षैतिज रूप से कितना स्क्रॉल किया गया है।

सिंटैक्स

window.pageXOffset

उदाहरण

आइए HTML Window pageXOffset प्रॉपर्टी का एक उदाहरण देखें:

<!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 प्रॉपर्टी डेमो</h1> 
<button onclick="scrollFn()" class="btn">स्क्रॉल करें</button> 
<button onclick="display()" class="btn">pageXOffset मान दिखाएं</button> 
<div class="box"></div> 
<script> 
  function display() { 
    document.querySelector('.box').innerHTML = 'pageXOffset का मान है: ' + window.pageXOffset + 'px'; 
  } 
  function scrollFn() { 
    window.scrollBy(10, 0); 
  } 
</script> </body> </html>

आउटपुट

"pageXOffset मान दिखाएं" बटन पर क्लिक करके pageXOffset प्रॉपर्टी का मान प्रदर्शित करें:

अब पेज को स्क्रॉल करने के लिए "स्क्रॉल करें" बटन पर क्लिक करें:

और फिर "pageXOffset मान दिखाएं" बटन पर क्लिक करके pageXOffset का मान प्रदर्शित करें: