如何设置右侧容器在自己的位置滚动

所以，这里是链接到my site。我想要正确的容器滚动到位。我怎样才能做到这一点？我尝试将position: fixed添加到右列，但那样破坏了布局。现在溢出总是滚动到顶端..基本上我想要insta-shop-grid在该容器本身内滚动。如何设置右侧容器在自己的位置滚动

2013-09-29 adit

完全不明白你的问题。如果您想要避免横幅广告被文字溢出，您可以将Z-index添加到横幅“div”中。 –

我不想将横幅的Z-index添加到1，因为它仍然看起来很古怪。我想让“SHOP DIRECTORY”保持原位，并将滚动条放在insta-shop-grid内？ – adit

我把它编辑为内联样式

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

<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作为边距。 :)仍然我希望这会工作

2013-09-29 14:32:25 Anobik

添加溢出没有在身体样式总是被删除.. – adit

但有div的滚动，你将不得不删除父母的滚动。你不能只拖动唯一的身体卷轴 – Anobik

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

查看简化的JSFiddle。

更新：

从@Anobik偷，我修改了我的例子，去掉了z-index，并添加周围的主要内容

HTML一个fixed包装：

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

2013-09-29 14:36:07

回答