jquery - 文档正文溢出隐藏的问题

Question

从此 question 得到正确答案后，我遇到了另一个问题 - 将 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>

我该如何解决这个问题？

这是link再次。

Answer 1

编辑

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 最新版本中进行了测试。