Web Host Manager или WHM заставляет прокручивать только основную область содержимого длинных страниц, а не заголовок и навигацию, чтобы прокручивать страницу.
Для этого он использует довольно простой CSS.
Все отлично, пока вы не захотите делать полноразмерные скриншоты WHM. В частности, с помощью инструмента для создания скриншотов консоли Firefox.
Без внесения каких-либо изменений скриншоты Firefox будут создаваться только с той частью области прокручиваемого содержимого, которая в данный момент находится в поле зрения.
Чтобы получить полное содержимое страницы Web Host Manager, необходимо внести два изменения в стили страницы.
Мы хотим, чтобы элемент body
имел overflow:visible
, а элемент #contentContainer
не имел фиксированной высоты или height:auto
.
Самый быстрый способ добиться этих изменений — немного JavaScript на вкладке консоли веб-инспектора.
Вы можете скопировать и вставить, если это проще:
document.body.style.overflow = 'visible';document.getElementById('contentContainer').style.height = 'auto';
В результате WHM прокручивается body
(как прокручивается большинство веб-страниц), а не просто прокручивается #contentContainer
, а инструмент создания снимков экрана Firefox будет включать полное содержимое страницы в сделанный вами снимок экрана.
Если вы хотите узнать больше о моей работе по поддержке благополучия разработчиков, а также о создании команд и людях, которые их формируют и подпитывают, вы можете найти меня в Твиттере @harrybailey или на моем сайте Harry Bailey.