固定布局滚动水平，如Google Plus

Question

我想创建一个类似于Google Plus的布局。

现在我对固定元素有疑问。如果向下滚动，则只滚动白色内容区域。菜单，顶部区域和侧边栏保持固定。那不是问题。

但是只要你改变浏览器窗口的宽度并使其变得非常薄，你就可以水平滚动以查看“溢出”。

现在，我怎么能用CSS实现它，也许用jQuery？固定元素永不滚动。如果窗口不够宽，他们会在Google Plus上使用。

我的页面是givget.de！ 所以请告诉我，如果有可能做到这一点！

非常感谢。

Answer 1

为了让你开始，你想做一些像

这样的事情

var minWidth = 1000;
....

$(window).resize(function(e){
    if($(window).width() < minWidth){
       $('.fixedSidebar').css('position','relative'); // etc
    }
});