التعزيز التدريجي وحالة العرض الأولية

سؤال

لدي مثال محدد ، لكنني أبحث عن الإجابة بشكل عام أيضًا. لدي عناصر صفحات أريد أن أخفيها في البداية إذا تم تمكين JavaScript.

أمثلة:

أحاول تجنب "فلاش المحتوى" عندما يتم إخفاء العناصر بعد تحميل الصفحة.

المحلول

أنا أضع الحل الكامل هنا من أجل الأجيال القادمة.

ملف JavaScript <head> الجزء: document.documentElement.className = 'js';

الأنماط التي تسمح بعناصر مخفية أو معروضة في البداية:

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}

المحلول

تحقق من هذا الحل. لقد عملت بالنسبة لي في الماضي:

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow