آموزش طراحی سایت (HTML CSS Javascript) | آتریا

خصوصیت pageXOffset و pageYOffset

مثال (خصوصیت pageXOffset و pageYOffset)

اسکرول کردن محتوا به اندازه ی 100 پیکسل و برگرداندن مقدار های pageXOffset و pageYOffset در یک پیام:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

از خصوصیت های pageXOffset و pageYOffset برای برگرداندن مقدار اسکرول، به ترتیب از گوشه بالا و سمت چپ صفحه، به طور افقی و عمودی استفاده می شود.

خصوصیت های pageXOffset و pageYOffset برابر با خصوصیت های scrollX و scrollY هستند.

این خصوصیت ها "فقط خواندنی" هستند.

پشتیبانی مرورگرها

اعداد داخل جدول زیر نشان دهنده ی اولین ورژن مرورگری هستند، که به طور کامل از خصوصیت مورد نظر پشتیبانی می کند.

متد
pageXOffset	بله	9.0	بله	Yes	بله
pageYOffset	بله	9.0	بله	بله	بله

نکته: برای IE8 و ورژن های پایین تر از آن می توانید از دستورهای document.documentElement.scrollLeft و document.documentElement.scrollTop استفاده کنید.

نحوه استفاده

window.pageXOffset
window.pageYOffset

جزئیات تکنیکی

مقدار برگشتی	یک عدد که مشخص کننده ی مقدار اسکرول شده از گوشه ی بالا و سمت چپ صفحه، به طور افقی و یا عمودی،است.

مثال - خودتان امتحان کنید

مثال (خصوصیت pageXOffset و pageYOffset)

یک راه حل برای مرورگرها(استفاده از دستورات scrollLeft و scrollTop برای IE8 و ورژن های قبلی آن):

window.scrollBy(100, 100);

if (window.pageXOffset !== undefined) { // All browsers, except IE9 and earlier
alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and earlier
alert(document.documentElement.scrollLeft + document.documentElement.scrollTop);
}

خودتان امتحان کنید »

کلیه توابع و خصوصیت های شیء Window در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 7329

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی