Проблема с переполнением тела документа на скрытый - PullRequest
Новая
       4

Проблема с переполнением тела документа на скрытый

2 голосов
/ 04 сентября 2011

После получения правильного ответа на этот вопрос у меня возникла другая проблема - добавление margin:0em auto; на мою страницу приведет к тому, что страница "перебегает" 

.align-center-public {
    width:1000px;
    margin:0em auto;
    overflow:hidden;
}

<div id="container">

    <div class="align-center-public">

        <p style="width:800px; text-align:center; border:1px solid #000;"><a href="#">Please scroll down until you see the click button</a></p>
        <p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
        <p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
        <p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>
        <div><a href="#" class="get-photo">click here</a></div>
        <p><img src="winnie-the-pooh-2011-9.jpg" alt="test"/></p>

    </div>

</div>

Как я могу это исправить?

Здесь снова ссылка .

Ответы [ 4 ]

2 голосов
/ 04 сентября 2011

EDIT 

if ($.browser.msie && parseInt($.browser.version) < 9) 
    $('html').css('overflow', 'hidden');

$('body').css('overflow', 'hidden').css('padding-right','17px');

И 

if ($.browser.msie && parseInt($.browser.version) < 9) 
    $('html').css('overflow', 'auto');

$('body').css('overflow', 'auto').css('padding-right', 0);

И теперь я замечаю, что это, очевидно, все, что вам нужно.

http://jfcoder.com/test/pooh.html

Чтобы страница не исправлялась при исчезновении полос прокрутки, вам необходимо соответствующим образом заполнить BODY. Скорее всего, это разные значения для каждого браузера. Выше я тестировал только в FF6, IE8 / 9 и Chrome.

1 голос
/ 11 февраля 2015

Попробуйте javascript pure ... best 'body', не пытайтесь использовать 'html' - это ошибка. 

<script>
document.body.style.overflow = 'hidden';
</script>
0 голосов
/ 04 сентября 2011

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

Также: вам не нужно помещать изображения в

с - может быть некоторое взаимодействие между обработкой абзаца и изображения в браузере. Возможно, вы захотите удалить

s и посмотреть, что произойдет.

0 голосов
/ 04 сентября 2011

Это происходит потому, что при нажатии на ссылку click here вы меняете переполнение body hidden на auto.Нужно ли менять?

...