Черное пространство после окончания HTML
Итак, я получил билет от клиента, в котором говорится, что у него есть дополнительное пространство после конца нижнего колонтитула, я посмотрел на него, и это правда, в основном, после окончания HTML есть несколько хороших прокруток простого черного пространства. Я попытался задать html-документу высоту 100%, а body - min-height: 100%, но это не сработало.
Он ничего не показывает, html в основном заканчивается после нижнего колонтитула.
Я получаю много ошибок DOM в консоли моего браузера
Хм, кажется, я не могу понять это правильно, я точно не знаю, что вызывает проблему, есть идеи, как я могу узнать?
Глядя на сайт, я бы сказал подозревать "конфиденциальность" с position: absolute и bottom: 0, поскольку, учитывая фиксированное меню, оно кажется очень близким к дополнительной высоте экрана.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Кажется, что overflow из div class = "page-width" в footer class = "site-footer" вызывает эту проблему. Задайте свойство css overflow: hidden;, чтобы устранить проблему.
Внедренное изменение:
.page-width {
overflow: hidden;
max-width: 1180px;
margin: 0 auto;
padding: 0 10px;
}
Спасибо, это сработало, я нашел тот же ответ за 1 минуту до публикации. Тем не менее, реквизит вам, сэр :)
Престижность !! Рад помочь.
Есть кое-что, что показано в инструментах разработки, которые вы включили в тег HTML, и имеет следующие классы: html.js.svg.supports.csstransforms.csstransforms3d.csstransitions.shopify-features .__ smart-payment-buttons - enabled. gr__virtualbabylon_com размером 1349 * 2357,11. Один из этих классов или их комбинация дает высоту 2357,11. Вот с чего вам следует начать.
Что инструменты разработчика вашего браузера показывают вам об источнике этого дополнительного места?