Question

所以这里是my site的链接。我想要正确的容器滚动到位。我怎样才能做到这一点？我尝试将position: fixed添加到右列，但随后会破坏布局。现在溢出总是一直滚动到顶部..基本上我希望insta-shop-grid在容器内部滚动。

Answer 1

我将其编辑为内联样式

看看它是否有效。将它们添加到一个类中。

<div class="directory-container container" style="
max-height: 400px;
z-index: 1111111;
overflow: scroll;width: 100%;
margin-top: 361px;

">

并添加<body style="overflow:none">

但网站确实需要一些响应式设计。我使用400px和360作为填充，因为填充已经存在。 :)我仍然希望这会起作用

Answer 2

将z-index: -1添加到主要内容，可防止其滚动到横幅上方。

请参阅简化JSFiddle。

更新

从@Anobik窃取，我修改了我的示例，删除了z-index并在主要内容周围添加了fixed包装

HTML：

<div class="banner">Banner</div>
<div class="nav">Navigation</div>
<div class="container">
    <div class="content">Main content</div>
</div>

CSS：

.container {
    position: fixed;
    top: 60px;
    left: 125px;
    width: 75%;
    height: 400px;
    overflow: scroll;
}