Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML विंडो पृष्ठXOffset संपत्ति

<घंटा/>

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>

आउटपुट

HTML विंडो पृष्ठXOffset संपत्ति

पृष्ठ दिखाएँXOffset मान . पर क्लिक करें पेजXOffset संपत्ति का मूल्य प्रदर्शित करने के लिए बटन:

HTML विंडो पृष्ठXOffset संपत्ति

अब “स्क्रॉल . पर क्लिक करें पृष्ठ को स्क्रॉल करने के लिए बटन -

HTML विंडो पृष्ठXOffset संपत्ति

और फिर "पेजXOffset मान दिखाएं . पर क्लिक करें पेजXOffset का मान प्रदर्शित करने के लिए " बटन -

HTML विंडो पृष्ठXOffset संपत्ति


  1. एचटीएमएल डोम मीटर मूल्य संपत्ति

    HTML DOM मीटर वैल्यू प्रॉपर्टी एलिमेंट की वैल्यू एट्रिब्यूट के अनुरूप एक नंबर लौटाती है/सेट करती है। बेहतर परिणामों के लिए इसका उपयोग उच्च, निम्न, न्यूनतम और अधिकतम विशेषताओं के साथ करें। नोट:मीटर एक प्रगति पट्टी के रूप में लेकिन केवल एक गेज के रूप में। निम्नलिखित वाक्य रचना है - मान . का रिटर्न

  1. HTML DOM नोडवैल्यू प्रॉपर्टी

    HTML DOM नोडवैल्यू प्रॉपर्टी नोड के मान के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.nodeValue यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स और एलिमेंट नोड्स के लिए मान शून्य के रूप में विशेषता नोड्स के लिए विशेषता के मान के रूप में मा

  1. एचटीएमएल डोम मूल्य संपत्ति

    HTML DOM मान गुण किसी तत्व की विशेषता के मान के अनुरूप स्ट्रिंग लौटाता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.value आइए HTML DOM मान का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM value</title> <st