SEO Сообщество: Спрашивайте и помогайте
Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
files
19.10.2021 17:05
2 075
Странный глюк на странице.
В самом низу страницы большой белый пустой блок (выше футера). При изменении масштаба экрана - содержимое блока появляется!
Как сделать блок видимым при загрузке страницы и что ему мешает?
При загрузке, этот блок перемещается из начала страницы в низ страницы средствами js. Но не путем изменения dom, а заданием ему абсолютного позиционирования. При этом высота самого блока не учитывается, из-за чего он оказывается ниже, чем задумывалось "разработчиками". При изменении размера окна, координаты блока пересчитываются и он встает на нужное место.
> Как сделать блок видимым при загрузке страницы
Правильный вариант - выпилить нахрен этот код, а расположение блока менять либо через правку соответствующего шаблона, либо через css.
Костыльные варианты:
- изменение позиционирования блока с абсолютного на относительный с модификатором !important и задание его положения через свойства display: flex и order;
- запуск события resize при загрузке страницы;
- свойства CSS к id="advices" пробовали разные: не помогает! Подскажите, если есть варианты
- событие resize могло бы помочь, но не сумели его запустить.
.category-content {
padding-bottom: 0 !important;
display: flex;
flex-direction: column;
}
.category-advices {
position: relative !important;
order: 1;
top: 0 !important;
}