隐藏滚动内容

看看this site。我正在尝试将主要内容滚动到橙色水平线的下方，而不是在其上方显示，同时保留原生浏览器滚动条。对于后者iframe或图层溢出：auto;是不可能的。由于可缩放的背景，将图像放在最上面也不起作用。隐藏滚动内容

任何想法？需要Javascript吗？

2011-03-29 Magnusland

添加另一个

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

Give #hoyre z-index：8;

然后对#bakgrunnsbilde应用与＃header-bilde div相同的js操作。

来源

2011-03-29 07:16:21

AI !!!当然！谢谢:-) – Magnusland 2011-03-29 07:22:28

我的荣幸:)。 – 2011-03-29 07:29:48

如何使用z顺序并将头部放置在页面的其余部分上方，位置为：fixed和top：0;

来源

2011-03-29 06:51:58

哦......对不起，这可能需要您复制BG图像的顶部。没有注意到你写了你不想砍图片。 – 2011-03-29 06:54:09

没有可以隐藏任何内容的标头内容。 – Magnusland 2011-03-29 06:54:55

您可以剪切BG图像的顶部并将其复制到标题中。我认为这将比任何JS解决方案“更轻”，并且对于不支持JS的浏览器也会更好。 – 2011-03-29 06:58:46

那么改变#strek的z-index到1000和#hoyre 100使得橙色线下的div滚动

来源

2011-03-29 06:58:19

但它不应该出现在橙线之上。 – Magnusland 2011-03-29 07:01:37

这似乎很棘手！ – 2011-03-29 07:18:36

隐藏滚动内容

回答

相关问题