如何在滾動頁面時讓div停留在其他div的頂部？

-1

這是我的代碼目前

HTML

<div id="header"><!--beggining of header--> 

    </div><!--end of header-->

CSS

#header { 
    width: auto; 
    height: 100px; 
    background-color: #F0F; 
    border-bottom-style: solid; 
    border-bottom-color: #000; 
    position: fixed; 
    }

SORRY。這是我第一次使用本STE。我可以發佈代碼。但看到完整的HTML HERE

來源

2012-12-05 DAViD

請發佈您的完整代碼:-) –

http://whathaveyoutried.com - 請包括您的HTML以及。 – FixMaker

你的問題不清楚。你究竟想要達到什麼目標？問題是什麼？ – RJo

檢查這個fiddle

HTML：

<div class="cover"> 
    top 
    <div class="fixed-box"> 
    hello        
    </div> 
</div>

CSS：

.fixed-box { 
    width:100px;/*just for preview*/ 
    height:100px;/*just for preview*/ 
    background:red;/*just for preview*/ 
    position:fixed; 
    top:10px; 
} 
.cover { 
    width:500px;/*just for preview*/ 
    height:10000px;/*just for preview*/ 
    background:blue;/*just for preview*/ 
}

來源

2012-12-05 10:26:03 wandarkaf

+1。你也可以看到這個更新發生的滾動更好：http://jsfiddle.net/npu3L/1/ – FixMaker

感謝每一個我現在得到了我的答案 – DAViD

#header {width: auto; height: 100px; background-color: #F0F; border-bottom-style: solid; 
    border-bottom-color: #000; position: fixed; top:0px; z-index:100;}

請確保頭股利後做一個div容器爲內容，並使該div position:relative; z-index:50;

來源

2012-12-05 10:28:25 Gopikrishna

如何在滾動頁面時讓div停留在其他div的頂部？

回答

相關問題