jquery - 固定布局滚动水平像谷歌加

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
    }
});