این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnScroll در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnScroll در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnScroll در HTML
رویداد onscroll زمانی رخ میدهد که درون یک عنصر / تگ اسکرول ( بسمت بالا یا پایین ) اتفاق بیوفتد، یعنی وقتی با ماوس بسمت بالا یا پایین اسکرول کنیم این رویداد اجرا میشه.
Free-Learn
مثال از رویداد عمومی OnScroll در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 4 5 6 |
<p>لطفا در باکس زیر اسکرول کنید بسمت پایین</p> <div id="myDIV" onscroll="myScroll();"> سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن سایت آموزشی فری لرن </div> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onscroll در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onscroll="Script"> |
Free-Learn
جدول مقادیر رویداد OnScroll
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onscroll را میتوان در عناصر/تگ های زیر بکار برد.
| <address> | <blockquote> | <body> |
| <caption> | <center> | <dd> |
| <dir> | <div> | <dl> |
| <dt> | <fieldset> | <form> |
| <h1-h6> | <html> | <li> |
| <menu> | <object> | <ol> |
| <p> | <pre> | <select> |
| <tbody> | <textarea> | <tfoot> |
| <thead> | <ul> | |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
