隐藏滚动内容

Question

看看this site。我试图使主要内容滚动到橙色水平线下方，而不显示在它上面，同时保持本机浏览器滚动。后者iframe或层溢出：auto;是不可能的。由于可缩放的背景，切割图像以将它们放在顶部也不起作用。

有什么想法吗？需要Javascript吗？

Answer 1

添加另一个

<div id="header-bilde">
 <img src="/images/sized/bilder/bilde1-1200x962.jpg" width="1268" height="1016" alt="">
</div>

风格：

#header-bilde {
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    height: 150px;
    overflow: hidden;
    z-index: 9;
}

#venstre和#hoyre之间的

。

给#delicatessen，＃majorstuen和#venstre z-index：10;

给#hoyre z-index：8;

然后将对#bakgrunnsbilde执行的相同js操作应用于＃header-bilde div。

Answer 2

如何使用z-order并将标题放在页面的其余部分位置：fixed和top：0;

Answer 3

将z-index #strek改为1000和将#hoyre改为100，将div滚动到橙色线下