страница не перерисовывается на горизонтальном прокрутке

Когда я уменьшаю ширину окна браузера (Firefox v26), так что отображается только 1/2 моей домашней страницы, горизонтальная полоса прокрутки отображается в нижней части браузера, и это нормально.страница не перерисовывается на горизонтальном прокрутке

Но если я прокручу страницу, чтобы увидеть ее правую половину - эта правая половина пуста. Другими словами, после горизонтальной прокрутки вправо (что перемещает содержимое страницы влево, очевидно) - правая сторона страницы не перерисовывается. Он остается пустым. Даже если я нажму обновление в строке URL браузера.

Я огляделся и увидел несколько сообщений. This one, казалось, точно та же проблема (только разница была, их участвовали вертикальные полоса прокрутки).

Поэтому я принял предложение там - которое должно было установить мой самый наружный содержание DIV (так называемый wholePageDiv в коде ниже), а также мой outerDiv к «мин-ширина: 100%», но это изменилось ничего.

Вот очень простой код:

<html> 
    <body> 
    <div id="wholePageDiv" class="wholePageDivForCentering"> 
     <div id="outerDiv" style="margin: 0; margin-top: 10px; min-width: 100%; 
       display: inline-block; overflow: hidden"> 

      (not shown: a bunch of divs with text) 
     </div> 
    </div> 
    </body> 
<html>

Вот wholePageDivForCentering класс CSS, с изменением, внесенным в том, что SO пост я прочитал:

.wholePageDivForCentering 
    { 
     /* width: 100%; */ 
     min-width: 100%; 
     /* height: 100%; */ 
     min-height: 100%; 
     white-space: nowrap; 
     margin: 0 auto; 
    }

Я просмотрел другие веб-сайты, чтобы увидеть, показывают ли они ту же самую «правую сторону прокрученной страницы не перерисовывают». На других веб-сайтах, которые я тестировал, я сокращаю браузер до 1/2 ширины, необходимой для отображения всей страницы, затем прокручиваю, чтобы увидеть правую половину страницы - все остальные веб-сайты, которые я проверяю, успешно перерисовывают правую сторону когда я прокручиваю.

У меня проблема с CSS-стилем выше?

EDIT: Я ударил F12 в браузере и использовать инструмент в инспекторе ", и я ясно вижу, что единственное видимое содержание находится в пределах wholePageDiv и это ДИВ является не расширение на всех, вправо, а Я прокручиваю направо - Инспектор показывает, что по какой-то причине мой внешний wholePageDiv остается тем же фиксированным размером, что и область просмотра, и когда я просматриваю вправо, этот контур видового экрана, как показано Инспектором, просто сдвигается влево и делает не расширяйтесь с правой стороны, чтобы перемещать полосу прокрутки вправо.

источник

2014-02-04 CFHcoder

Я решил это (на данный момент) путем жесткого кодирования ширины div или путем программного увеличения ширины div, когда была изменена ширина окна/документа браузера. Надеемся, что позже будет найдено меньшее решение.

источник

2014-02-08 19:13:56 CFHcoder

Я добавил ваш html и css в скрипке, и он прокручивается для меня отлично. Текст DIV отображается без проблем: http://jsfiddle.net/micahSan/UucLB/3/

same code as the OP

Можете ли вы повторить вашу проблему в скрипку, чтобы мы все можем увидеть его?

источник

2014-02-04 18:21:13

В этом случае я считаю, что проблема заключается в содержании в правой части моей страницы, являющейся картой google map api, является источником проблемы.Я копаюсь на карте goi google, чтобы узнать, могу ли я понять, почему карта, похоже, не «понимает», что, когда я прокручиваю направо, больше ее раскрывают. Я нашел приложение, которое имеет ту же проблему - я подозреваю, что владелец может этого не осознавать - см. Padmapper.com - max уменьшает ширину окна, прокручивается вправо, вы видите, что его приложение имеет тот же белый столбец, карту не перерисовывая с правой стороны. Это может быть ошибка Google Maps. – CFHcoder

страница не перерисовывается на горизонтальном прокрутке

ответ

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