• 0

كيف أقوم باخفاء شريط التمرير Scrollbar؟

هل يمكني إخفاء شريط التمرير scroll-bar باستعمال css؟ كيف ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 2

نعم عن طريق overflow 

يمكنك إخفاء جميع الاسكرول الافقي والرأسي

  overflow: hidden;

أو أحدمها عن طريق overflow-x أو overflow-y.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

نعم عن طريق overflow 

يمكنك إخفاء جميع الاسكرول الافقي والرأسي

  overflow: hidden;

أو أحدمها عن طريق overflow-x أو overflow-y.

​كإضافة لجواب الأخ الكريم يوسف من باب التنبيه لصاحب السؤال، وهو أنه في حالة إخفاء شريط التمرير قد يخلق ذلك مشكلة في حالة عرض الصفحة على شاشة عرضها أقل من عرض الصفحة، حيث سيتعذر على الزائر التمرير، خصوصا إذا لم تكن الصفحة مستجيبة responsive.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

كما تمت الاشارة من خلال اجابة الأستاذين عبد الهادي و يوسف :

لإخفاء الشريطين الأفقي والعمودي :

<style type="text/css">
body {
    overflow:hidden;
}
</style>

لإخفاء الأفقي  فقط:

<style type="text/css">
body {
    overflow-y:hidden;
}
</style>

 العمودي:

<style type="text/css">
body {
    overflow-x:hidden;
}
</style>

 وهو أمر غير مستحب عند التصاميم المتجاوبة

تحياتي

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن