2013-11-14 4 views
0

Я недавно взял под свой контроль большой веб-сайт. Моя проблема заключается в том, что иногда, на некоторых браузерах/компьютерах, когда вы перемещаетесь между страницами (или обновляете обновление), весь контент загружается немного вправо, а через полсекунды - назад влево, где он должен быть. Расстояние составляет всего около 5 мм, в течение секунды, но это заметно.Содержимое веб-страницы мерцает/перемещается при загрузке

Вещи, которые полезно знать:

Это WordPress сайт, но имеет только основные functions- меню содержит JQuery, но есть немного другой Javascript, чтобы предотвратить загрузку.

Все содержимое заворачивается в контейнере, который центрируется с помощью

{margin: 0 auto;} 

Есть несколько таблиц стилей CSS, а также некоторые основные теги, такие как контейнеры были определены несколько times- я даже нашел несоответствие между ширина между двумя из них, но при фиксированном все еще скачет.

На этой странице нет картинок, которые заставляют его прыгать, будучи медленными для загрузки.

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

Содержимое будет прыгать с моего старого компьютера, но не будет прыгать с моим новым компьютером, в той же сети и соединении.

На старшем компьютере контент будет перескакивать с IE 10, но не тогда, когда вы поместите IE10 в режим совместимости.

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

Обновление!

Полосы прокрутки были проблемно я ответ из этой темы: Making the main scrollbar always visible

и все прыжки остановилось!

+0

Является ли прыжок из-за появления полосы прокрутки? – j08691

+0

попробуйте добавить 'margin: 0px' и' padding: 0px' в тело CSS, а не только контейнер и посмотреть, поможет ли это. – SaturnsEye

+0

Отчасти - я вижу, что некоторые страницы изменяют позицию permenatnly из-за полосы прокрутки, но большинство из них перемещается, а затем возвращается назад, все при загрузке. если это из-за полосы прокрутки, есть ли способ предотвратить это? – user2992350

ответ

1

Вы должны упростить проблему, удалив «вещи», пока вы ее не изолируете.

Если у вас нет предварительной подготовки или среды разработки для проверки, сделайте копию страницы, где проблема все еще существует. Затем начните снимать вещи. Если какой-либо div нуждается в некотором содержимом, поэтому макет стабилен, замените что-либо динамическое или сложное с помощью простого текста или изображений.

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

+0

Спасибо за этот совет! Я начну с этого и посмотрю, как это происходит. (также я хотел бы проголосовать за ваш ответ, но, боюсь, у меня нет достаточной репутации, чтобы ее разрешили, извините!) – user2992350

Смежные вопросы