Question

我正在查看以下页面： -

http://www.gearzap.com/

在谷歌的Chrome中。

在页面加载期间，出于某种原因，水平滚动条会出现大约半秒钟。

这显然是导致这种情况发生的不足之处，但我似乎无法找出造成问题的原因

编辑： - 这里发生的视频： -

http://files.sourceguru.net/scrollbars.ogv

Answer 1

我快速浏览了（那个页面上有很多js），而且navigation.js文件跳了出来。我设置了调试器，发现在这个循环的8次迭代之后：

$j('#navigation .submenu').each(function() {
    var obj = $j(this);
    var cols, w, l, offset;

    cols = obj.find('ul').length;

    obj.css('width', (cols * 200 + 16) + 'px');

    w = obj.outerWidth();
    l = obj.offset().left;
    offset = w + l;

    if(offset > max_w) {
        obj.animate({
            'margin-left' : '-=' + (offset - max_w) + 'px'
        });
    }
});

滚动条出现。

编辑：您可以将obj.animate转换为obj.css。如果这不起作用，您可能需要在设置css之前进行计算，而不是设置它，进行计算然后再次更改它。不知道为什么这是开始的动画。

Answer 2

实际上它并没有为我显示。不在Chrome或Firefox中。我使用Chrome 12.0.742 for Windows 7.我已经检查了10次，但它从未显示过。

也许它与所用浏览器的版本/设置有关？

如何找出导致页面暂时呈现水平滚动条的原因？

2 个答案: