آموزش متد scrollTo در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد scrollTo در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد scrollTo در BOM جاوااسکریپت
با استفاده از متد ()scrollTo میتونیم در پنجره مرورگر به مختصات دلخواه ( که ما براش مشخص میکنیم ) اسکرول کنیم.
این متد فقط یکبار اجرا خواهد شد ، یعنی با کلیک بروی دکمه فقط یکبار اسکرول خواهد شد ولی با استفاده از متد ()scrollBy میتونیم با هربار کلیک بروی دکمه عمل اسکرول رو انجام بدیم.
متدهای زیر نیز با متد scrollTo مرتبط می باشد :
- scrollBy() : برای اسکرول کردن به نقاط دلخواه با هربار کلیک بروی دکمه
| مقدار برگشتی | هیچی |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : اسکرول بصورت افقی و عمودی به مختصات ( ۵۰ پیکسل بصورت افقی و ۱۰۰ پیکسل بصورت عمودی )
|
1 2 3 4 5 6 7 |
<script> function myscroll(){ window.scrollBy(50, 100); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()scrollTo | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
window.scrollTo( X , Y ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| X | ضروری – یک عدد مثبت یا منفی به پیکسل برای اسکرول بصورت افقی |
| Y | ضروری – یک عدد مثبت یا منفی به پیکسل برای اسکرول بصورت عمودی |
Free-Learn
نکات و توضیحات
- متد ()moveBy تا زمانی که بروی دکمه کلیک شه اونم همینجور هی انتقال ( یا جابه جا ) میشه.
- متد ()moveTo با کلیک بروی دکمه فقط یکبار انتقال داده خواهد شد.
- متد ()resizeBy برای تغییر اندازه پنجره می باشد و با هربار کلیک بروی دکمه همینجور هی سایزش تغییر میکنه.
- متد ()resizeTo با کلیک بروی دکمه فقط یکبار سایز پنجره تغییر میکنه.
- متد ()scrollBy تا زمانی که بروی دکمه کلیک شه اونم همینجور هی اسکرول میشه.
- متد ()scrollTo با کلیک بروی دکمه فقط یکبار اسکرول انجام میشه.
