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

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

सिंटैक्स

निम्नलिखित सिंटैक्स है:

window.pageYOffset

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

उदाहरण

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

आउटपुट

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

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

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