تشخیص میزان اسکرول (Scroll) صفحه (Page) (موقعیت فعلی اسکرول صفحه)، در جهت عمودی (Vertically) یا افقی (Horizontally)، با روش های scrollLeft و scrollTop ، در jQuery
گاهی اوقات نیاز داریم که بدانیم میزان اسکرول (Scroll) صفحه (Page) (موقعیت فعلی اسکرول صفحه) چقدر است (در جهت عمودی (Vertically) یا افقی (Horizontally)).
در این مواقع می توانیم کد jQuery زیر را اجرا کنیم :
که در آن، میزان اسکرول صفحه در جهت عمودی (Vertically) در متغیری با نام
scroll_top و میزان اسکرول صفحه در جهت افقی (Horizontally)، در متغیری با نام
scroll_left ذخیره می شود.
به مثال زیر توجه کنید :
در صفحه (Page)، یک دکمه (Button) تعریف می کنیم که هنگامی که کاربر بر روی آن کلیک نماید، متنی در صفحه نوشته می شود که نشان می دهد میزان اسکرول (Scroll) صفحه در جهت عمودی (Vertically) و همچنین در جهت افقی (Horizontally) چقدر است.
موقعیت دکمه (Button) در صفحه را به گونه ای تعیین می کنیم که با اسکرول (Scroll) صفحه تغییر نکند (دارای موقعیت ثابت).
همچنین یک پاراگراف (تگ p) با ارتفاع (height) و عرض (width) زیاد تعریف می کنیم (برابر یک مقدار ثابت بر اساس پیکسل (Pixel - px)) تا امکان اسکرول صفحه در جهت عمودی (Vertically) و افقی (Horizontally) وجود داشته باشد.
کد کامل صفحه HTML :
نتیجه :
