隱藏滾動內容

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

隱藏滾動內容

回答

相關問題