CSS: DILS الحجم الكامل تظهر أشرطة التمرير للمتصفح

https://stackoverflow.com/questions/1377213

21-09-2019
|

سؤال

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

المشكلة هي ، بغض النظر عن ما أحاول ، لا يزال لدي المشكلة التالية:

مجموعتان من scrollbars http://www.wikiforall.net/bad_scrollbars.png

لذا ، فإن المحتوى الذي يملأ نافذة المتصفح بنجاح ، يبدو أن هناك فجوة. تتسبب هذه الفجوة في إظهار شريط التمرير الرأسي نفسه (ويبدو أن هناك فجوة مماثلة على الجانب الأيمن والتي ليس من السهل رؤيتها). لقد تفقدت العناصر باستخدام مفتش عنصر Chrome و <html> أغطية العلامات فقط حتى تلك الفجوة. لذلك ليس لدي أي فكرة من أين تأتي الفجوة.

يتم إعداد DIVs الصفحة الرئيسية مع position: absolute, ، مع اليسار واليمين والأعلى والأسفل كله على الصفر. هذه divs لديها أيضا display: inline تعيين ، وليس لديهم هوامش أو حشوة. ال html و body تم تصميم العلامات بنفس الطريقة.

لقد كنت أبحث حولي لمدة يوم أو يومين ، لكن لا شيء وجدته قد نجح. هل يعرف أحد كيفية إزالة أشرطة التمرير هذه؟

المحلول

يمكنك دائمًا استخدام:

overflow: hidden;

لإخفاء أشرطة التمرير.

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

لا تنتمي إلى StackOverflow