При загрузке страницы блок словно выпрыгивает слева, как исправить?

Question

[Islam Ibakaev]

Делаю магазин. Уже почти завершил, однако мучает одна фигня.
При загрузке страницы блок с основным содержимым словно выпрыгивает слева на право. Это портит визуальное восприятие. Подскажите, в чём проблема и как можно исправить?

Answer 1

[coderisimo]

покажите контент после окончания загрузки :

#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99; 

 }

<div style="display: none" id="hideAll">здесь ваш контент</div>

 <script type="text/javascript">
   document.getElementById("hideAll").style.display = "block";
 </script>

Comments

[Islam Ibakaev]

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

[Islam Ibakaev]

а вы скрыли контент, поэтому не нужно ставить overflow:hidden для боди на время закрузки.
А я чё-то по-другому сделал, просто скрыл прелоудер на onload.

Answer 2

[Антон]

Повесьте прелоудер.

PS Визуальное восприятие портит дефолтный скролл у сайдбара

Comments

[Islam Ibakaev]

вы про .slideout-menu { overflow-y: scroll; }? убрал, но проблема осталась.

[Islam Ibakaev]

есть ли возможность поправить, не вешая прелоудер? вдруг заказчик не согласится. да и знание того, что повесил ради побега от проблемы будет гложить меня минимум неделю

[Антон]

Islam Ibakaev, а что будете делать, если контент сайдбара не влезет в высоту монитора?

[Антон]

Islam Ibakaev, Уберите с картинок и с скриптов ГЕТы версий, хотя бы. Будет быстрее загружаться, менее заметен будет скачек. Но, самый правильный вариант - дождаться загрузки и тогда уже отображать.