1. طريقة إزالة أشرطة التمرير
فقط أضف الفائض: سمة مخفية للجسم. لن يكون ساري المفعول تحت IE6 و 7. تحتاج إلى إضافة الفائض: السمة المخفية إلى HTML
في الأسلوب ، يجب أن تتميز IE6 و 7 ومستعرضات أخرى عن طريق الاختراق. هذا لأنه عندما يتم سحب الصفحة أدناه ، إذا كان HTML أو الجسم يتدفق: مخفي ، سيتم إخفاء الصفحة أسفل طبقة المصباح الشفافة بشكل طبيعي بشكل طبيعي. يرتبط اللون الرمادي المرئي من خلال المشاهدة الشفافة ، يرتبط اللون المحدد بلون الخلفية الذي وضعه النظام الأساسي والمستخدم.
بعد إزالة شريط التمرير في الجسم أو HTML ، سيكون للصفحة عرض شريط التمرير/قفزة 2! هذه القفزة سيئة للغاية لتجربة المستخدم ، لذا أضف حشوة يمين إلى الجسم ، والحجم هو عرض شريط التمرير. عرض شريط التمرير تحت منصة Windows هو 17 بكسل. عرض أشرطة التمرير من مختلفين مختلفين تحت نظام Linux غير متناسق. يمكنك استخدام التعليمات البرمجية ذات الصلة لحساب عرض شريط التمرير. فيما يلي مثال على منصة Windows.
الكود ذي الصلة:
document.documentElement.style.csstext = 'overflow: none ؛+verflow: hidden ؛ _overflow: hidden ؛' ؛ document.body.style.csstext = 'overflow: hidden ؛+verflow: none ؛ _overflow: none ؛ padding: 0 17px 0 ؛' ؛
لا ينظر الرمز أعلاه في ما إذا كان HTML أو الجسم له نمط مضمّن. إذا كان لدى HTML أو الجسم نمطًا مضمّنًا ، فيجب تجميعه ، وإلا فسيتم مسح النمط الأصلي.
2. طرق أخرى لإزالة المخاطر المخفية قم بتمرير الصفحة (منع سوء التشغيل)
بعد إخفاء شريط التمرير ، لن يتحرك التمرير بعجلة الماوس. اعتقدت أنه على ما يرام ، لا ...
يمكن أن تقوم اختصارات لوحة المفاتيح أيضًا بتشغيل بعض عمليات المتصفح ، المتعلقة بصفحات التمرير ، مثل: المفاتيح لأعلى ولأسفل ، أزرار الدوران ، وما إلى ذلك للاختصارات لوحة المفاتيح ، يجب إلغاؤها.
3. أضف نمط الطبقة المنبثقة
أضف النمط العالمي إلى الجسم (متوافق مع IE6)
الارتفاع: 100 ٪
أضف نمط التمرير إلى طبقة الرصاصة
Overflow-y: Auto ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪ ؛ اليسار: 0 ؛ _padding: 0 17px 0 0 ؛ // خطأ IE6 ، لا يزال حشوة العنصر الأصل صالحًا بعد وضع العنصر الطفل تمامًا
المقالة أعلاه على قناع الطبقة المنبثقة JS وخلفية الخلفية المخفية تفاصيل شريط التمرير هو تحليل التحسين هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.