تصف هذه المقالة طريقة استخدام أحداث شريط التمرير بواسطة JS. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
لقد كنت أتساءل من قبل ، كيف أراقب أحداث شريط التمرير ، لكنني اليوم أفهم اليوم قليلاً.
الكود التالي هو الاستماع إلى شريط التمرير طالما يتحرك ، ويعود DIV أدناه إلى الأعلى لعرض الكود وإخفاءه.
window.onscroll = function () {var t = document.documentElement.scrolltop || document.body.scrolltop ؛ if (t> 0) {$ (". } آخر {$ (". cbbfixed"). }}ملحوظة:
T: المسافة من شريط التمرير إلى الطرف العلوي
t> 0 ، أي بمجرد تمرير شريط التمرير ، يتم تنفيذ بيان IF () على الفور. الكود في آخر () هو أنه عندما يصل شريط التمرير إلى الأعلى ، يتم إخفاء Div في الأعلى.
ارجع إلى عملية النقر فوق الزر العلوي:
$ ("#cgotop"). انقر فوق (function () {$ ('body ، html'). inimate ({scrolltop: 0} ، 100) ؛ return false ؛}) ؛التجديد:
1. استمع إلى حدث شريط التمرير لعنصر معين
$ (selector) .scroll (function () {......}) ؛2. احصل على مسافة التمرير
$ (selector) .scrolltop () ؛ $ (selector) .Scrolllefft () ؛
ملاحظة: هنا أوصي بأداة استعلام عبر الإنترنت حول أحداث JS ، والتي تلخص أنواع الأحداث شائعة الاستخدام ووظائف JS:
قائمة كاملة من أحداث ووظائف JavaScript:
http://tools.vevb.com/table/javaScript_event
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.