Глюк css/js: содержимое блока скрыто, появляется при изменении экрана

files files  
224
  19.10.2021 17:05       525     Помощь  

Странный глюк на странице.

В самом низу страницы большой белый пустой блок (выше футера). При изменении масштаба экрана - содержимое блока появляется! 

Как сделать блок видимым при загрузке страницы и что ему мешает?


Ответы на пост (4) Написать ответ
c00x c00x
125
20.10.2021 08:54
> что ему мешает?

При загрузке, этот блок перемещается из начала страницы в низ страницы средствами js. Но не путем изменения dom, а заданием ему абсолютного позиционирования. При этом высота самого блока не учитывается, из-за чего он оказывается ниже, чем задумывалось "разработчиками". При изменении размера окна, координаты блока пересчитываются и он встает на нужное место.

> Как сделать блок видимым при загрузке страницы

Правильный вариант - выпилить нахрен этот код, а расположение блока менять либо через правку соответствующего шаблона, либо через css.

Костыльные варианты:
- изменение позиционирования блока с абсолютного на относительный с модификатором !important и задание его положения через свойства display: flex и order;
- запуск события resize при загрузке страницы;
0
files files
224
20.10.2021 10:00
Спасибо за теорию!
- свойства CSS к id="advices" пробовали разные: не помогает! Подскажите, если есть варианты
- событие resize могло бы помочь, но не сумели его запустить.



 
0
c00x c00x
125
20.10.2021 10:10
Что-то типа этого:

.category-content {
padding-bottom: 0 !important;
display: flex;
flex-direction: column;
}

.category-advices {
position: relative !important;
order: 1;
top: 0 !important;
}
1
Решение
files files
224
20.10.2021 10:34
Огромная благодарность за правильное решение!
0