اذهب إلى المحتوى
  • 0

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

MidoProg

السؤال

Recommended Posts

  • 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>

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

تحياتي

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...