"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > لماذا تكون أشرطة تمرير CSS مفقودة على أجهزة iOS؟

لماذا تكون أشرطة تمرير CSS مفقودة على أجهزة iOS؟

تم النشر بتاريخ 2024-11-08
تصفح:345

Why are CSS Scrollbars Missing on iOS Devices?

غير قادر على عرض أشرطة التمرير مع CSS Overflow على iOS

عند تطوير موقع ويب لجهاز iPad، استخدم خاصية CSS overflow: تلقائي للتمكين قد تكون أشرطة التمرير الموجودة داخل div غير فعالة. على الرغم من أن إيماءة التمرير بإصبعين تعمل بشكل صحيح، تظل أشرطة التمرير مخفية. محاولات استخدام كل من التجاوز: تلقائي وتجاوز: التمرير لا تسفر عن أي نتائج.

سلوك iOS

لسوء الحظ، لا يؤدي تجاوز السعة: تلقائي ولا تمرير إلى إنشاء أشرطة تمرير على أجهزة iOS. يُقال أن هذا يرجع إلى مساحة الشاشة التي ستشغلها عناصر التحكم هذه.

الحلول البديلة

للتعويض عن نقص أشرطة التمرير على نظام التشغيل iOS: **

  • استخدم التمرير بإصبعين: يمكن للمستخدمين تمرير المحتوى الفائض عن طريق إجراء تمرير بإصبعين.
  • إنشاء أشرطة تمرير مخصصة: تنفيذ أ حل JavaScript أو jQTouch لإنشاء أشرطة التمرير الخاصة بك للعناصر الفائضة.
  • إزالة التجاوز باستخدام استعلامات @media: قم بإزالة خاصية التجاوز باستخدام استعلامات @media عندما يكون عرض الجهاز أقل من حد معين، ضمان عرض المحتوى بالكامل. يعمل هذا الأسلوب على تبسيط تجربة المستخدم لمستخدمي iPhone.
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3