সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
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 মান দেখান বাটনে ক্লিক করলে আপডেট হওয়া মান দেখাবে।
