Двойная полоса прокрутки браузера с скрытым переполнением

между держать нижний колонтитул вниз & Полная Ширина Браузера я на 90% там, где мне нужно быть.
(Для ссылки" полная ширина браузера "я использую" timd.решение Макки в разделе комментариев ниже)

Так что все работает отлично, за исключением этой раздражающей двойной полосы прокрутки. Нажмите на ссылку ниже, чтобы увидеть, что я имею в виду.

Щелкните здесь, чтобы увидеть мою проблему!

переполнение-x: hidden на Тело - это и мое решение, и моя проблема.

любая помощь будет очень круто с вашей стороны.

надеюсь, это было понятно.

7
css duplicates html overflow scrollbar

4 ответов

попробуйте добавить:

html {
    overflow-y: hidden
}
19

еще одно решение, которое может работать (в зависимости от того, что вы пытаетесь достичь) добавляет:

body {
  height: 100vh;
}
5

может быть, overflow-y: скрытый на теле поможет вам? или даже лучше использовать just overflow: hidden; on body

body { overflow:hidden; }

кстати, если вы хотите просто привязать футер к низу страницы, Используйте абсолютное позиционирование и нижнее поле на контейнерных

в CSS

.container { margin-bottom:100px; }
.footer { height:100px; position:absolute; left:0; bottom:0; }

HTML-код

<html>
  <body>
    <div class="container"><!-- here's everything except footer --></div>
    <div class="footer"></div>
  </body>
</html>
3

Если проблема из-за html, body { overflow-x: hidden;} затем попробуйте использовать html, body{height: 100%;} для меня это сработало.

3