position:fixed定位后，固定的导航栏在小窗口无法显示右侧内容

Question

header固定定位后，小窗口右侧的内容就无法显示了，不知道各位大神是如何解决这种矛盾的问题

Answer 1

已通过搜索引擎找到解决办法，用js监控页面resize和scroll事件为外层容器添加一个负的left定位，代码如下，需要的可参考：

document.addEventListener("scroll",setPosition);
window.addEventListener("resize",setPosition);
    function setPosition(){
        var scroll_Left = document.body.scrollLeft;
        $(".header").css('left',~scroll_Left + 1);
    }

Answer 2

导航变成下拉的

Answer 3

没有代码只能猜原因。。
导航栏外层容器为position:fixed时：
1、如果外容器width写死了，比如width:1200px; min-width:1200px;
缩小窗口，右边的就会被挡住
2、如果外容器写：width:100%;这样就不会有事