مقدمة
في القسم السابق ، كان هناك مشروع محمول يحتاج إلى استخدام التحديث المنسدلة وتحميل المزيد من التأثيرات. كان الانعكاس الأول في ذهني هو تأثير Weibo. في البداية ، كان لدي بعض الانحرافات في فهمي. اعتقدت أن المنسدلة كانت أيضًا عبارة عن بيانات إلحاق ، وكان السحب عبارة عن بيانات إلحاق. في وقت لاحق ، سألت زملائي واكتشفت أن الانسحاب كان مجرد تحديث لأحدث البيانات ، وكان السحب بيانات إلحاق.
نصائح الاستخدام
1. راجع iscroll.js وأضف استماع اثنين من الحدث أثناء التهيئة: touchmove و domcontentloaded.
2. قم بتنفيذ حدث OnScrollend لمكون ISCroll ، أي في هذا الحدث ، اتصل بأسلوب Ajax الخاص بك لتحديث البيانات وإلحاقها.
3. عند سحب وتحميل المزيد من الطلبات في الخلفية ، فإنه يعادل بيانات طلب الترحيل. في هذا الوقت ، يجب إرسال معلمة PageIndex أثناء طلب AJAX ، وعند تهيئة التحميل ، يجب إرجاع pagecount من الخلفية للمقدمة للحكم.
4. أهم شيء هو تنفيذ طريقة تحديث المنسدلة (CowndownAction) وتحميل السحب المزيد (السحب).
تشغيل تأثير التأثير
طريقة التنفيذ
var myscroll ، pulldownel ، pulldownoffset ، pullupel ، pullupoffset ، endrendedCount = 0 ؛/** * refresh mown-down (تخصيص هذه الطريقة) * myscroll.refresh () ؛ بعد تحميل البيانات ، اتصل بطريقة تحديث الواجهة */الوظيفة المنسدلة () {setTimeOut (function () {var el ، li ، i ؛ el = document.getElementById ('thelist') ؛ for (i = 0 ؛ i <3 ؛ i ++) {li = document.createlement ('li') ؛ el.childnodes [0]) ؛ }/** * scroll and turn pages (تخصيص هذه الطريقة) * myscroll.refresh () ؛ // بعد تحميل البيانات ، اتصل بطريقة تحديث الواجهة*/وظيفة pullupaction () {setTimeOut (function () {// <- محاكاة احتقان الشبكة ، قم بإزالة setTimeout من الإنتاج! var el ، li ، i ؛ el = document.getElementById ('thelist') ؛ لـ (i = 0 ؛ i <3 ؛ i ++) (++ endergedcount) ؛ }/*** تهيئة عنصر تحكم ISCROLL*/function loaded () {pullDownEl = document.getElementById ('pulldown') ؛ pulldownoffset = pulldownel.offsetheight ؛ pullupel = document.getElementById ('pullup') ؛ pullupoffset = pullupel.offsetheight ؛ myscroll = new isCroll ('Wrapper' ، {scrollbarclass: 'myscrollbar' ، UsetRansition: false ، topoffset: pulldownoff ، onrefresh: function () {if (pulldownel.classname.match ('loading')) {pulldownel.classname = ' = "الانسحاب" ... '؛ ! pulldownel.classname = '' 'flip' ؛ pullupel.queryselector ('. pulluplabel'). innerhtml = 'سحب الحمل أكثر ...' ؛ pulldownel.quareSelection ('. pullupaction () ؛ setTimeOut (function () {document.getElementById ('wrapper'). style.left = '0' ؛} ، 800) ؛} // تهيئة المستند الرابط isCroll Control.لخص
الشيء الرئيسي هو القيام ببعض عمليات التهيئة على iscroll ، وعرض معلومات موجهة مختلفة لإجراءات مختلفة ، ثم كتابة التحديث المقابل وتحميل المزيد من طرق المعالجة لأحداث السحب والسحب.