Question

我试图拥有这个视图或两列，一个是第三个页面，另一个是1/3（页面的其余部分）。一切正常

$(window).resize(function(){
        var height = $(window).height();
        var width = $(document).width();
        var right = (width/3);
        var about = width - right;

        $('#about').height(height);
        $('#events').height(height - (height/2));
        $('#vision').height(height/2);
        $('.inner-menu').height($('#right').height());

        $('#about, #contact').width(about);
        $('#right').width(right);
        $('.inner-menu').width(width/3);

很抱歉，如果代码有点混乱。

当我第一次加载页面时，自动滚动条显示然后消失，这会导致17px的余量，我必须调整浏览器大小以使其恢复正常... 反正有没有阻止这个？因为高度总是适应窗户的高度。

先谢谢。

Answer 1

滚动条显示，因为您的html超出了当前窗口的范围。如果你上面的代码正在修复它，你可以考虑隐藏html直到你的代码执行完毕。以下css将隐藏它直到你准备好了：

 html {
    display: none;
 }

Answer 2

猜猜我找到了解决方案...... 我使用了html { overflow: hidden; }

然后使用jquery在其他屏幕上显示它 if (width <= 1024){ $('html').css({ "overflow": "visible" }) };

滚动条宽度可防止文档宽度为100％

2 个答案: