تحقيق تأثير عرض قائمة الاتصال بتعديل السحب باستخدام js

لقد عملت فقط على التنفيذ، لم أفكر في تحسين الأداء أبداً. لذا، أصبح التطبيق بعد تنفيذه بطيئًا جدًا.

الأول هو السحب على شريط البحث إلى اليمين في سجل الاتصال، حتى يصل إلى الحرف المطلوب، ويقوم بالقفز إلى نقطة التشبث المطلوبة.

الفكرة:إستمع إلى أحداث touchmove، للحصول على clientX وclientY، ثم أمرها إلى elementFromPoint، ثم بعد الحصول على العنصر، أمرها بتنفيذ click().

هناك مشكلة، وهي إذا كان لديك طبقة غطاء مثل العناصر العليا في صفحتك، فأنت بحاجة إلى إعداد pointer-events: none، حتى لو كان display: none؛ لا ينفع، لأن النظرية والتمرين يظهر الحقيقة. يمكنك تجربتها.

النوع هو id ديفيز للسطر

إذا كان $("#index").get(0).addEventListener('touchmove',function(event) {
   إذا كان a = document.elementFromPoint(event.touches[0].clientX,event.touches[0].clientY).parentNode;
   a.click();
  });

الشخص الثاني هو أنني أريد أن يظهر هذا الحرف لبرقته عندما يتم سحب الصفحة إلى موقع معين.

الفكرة:إذا كان استمع إلى حدث السحب، واستخدم elementFromPoint للحصول على العنصر المطلوب في الموقع المطلوب، ثم أعد تنفيذ تأثير العرض.

النصائح: يتم استخدام weui.

إذا كان $(window).scroll(function() {
  إذا كان a = document.elementFromPoint(0,0);
  إذا كان $(a).hasClass("weui_cells_title"))
  {
   $(".weui_toast_content_my").html($(a).attr("name"));
   $("#toast").show(0);
   $("#toast").slideUp(300);
  };
 });

حسنًا، أنهى.

بهذا تكون قد انتهيت من مشاركة كل محتويات هذا المقال حول تنفيذ تأثير سحب العناوين في سجل الاتصالات باستخدام جافا سكريبت، آمل أن تكون قد حصلت على بعض الفوائد، وأتمنى أن تشجعوا دائمًا على دعم تعليمات الأنظمة.