不允許靜態菜單遠離固定內容，同時縮小OUT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 

<body> 


<div id="content" style="height:500px; width:800px; margin:0 auto; background-color:#900;position:relative;"> 
    <div id="nonScrollableMenu" style="position:absolute; left:-80px;"> 
     <ul> 
      <li>AAA</li> 
      <li>BBB</li> 
      <li>CCC</li> 
     </ul> 
    </div> 
</div> 

</body> 
</html>

看看當您使用上面的代碼放大/縮小時，ul的行爲如何。現在我希望在滾動時ul是靜態的。只有這個需要添加，具有相同的放大/縮小行爲。那是我不希望ul遠離放大OUT的時候。如何做到這一點？不允許靜態菜單遠離固定內容，同時縮小OUT

P.S. 如果使用CSS位置創建靜態菜單：固定屬性，標題中的要求將不會得到滿足。當您縮小OUT時，它將遠離彩色框。

來源

2011-12-15 Karine

是它不過是一個被這麼多亂七八糟現在沒有人想回答我的問題。對不起，再次發佈。 – Karine 2011-12-15 18:23:12

好的，我已經完成了，謝謝:) – Karine 2011-12-15 18:44:25

儘管我瞭解你的願望，也許這就是你要找的東西？

ul{position: fixed;}

來源

2011-12-15 18:21:54 ArVan

有必要從頂部修正像

<div id=nonScrollableMenu style="position:fixed;top:5%;">

，並在一個包裝容器包裝兩個div像：

<div id="wrapper"> 
    <div id="nonScrollableMenu"></div> 
    <div id="content"></div> 
</div>

來源

2011-12-17 09:27:37 Karine

不允許靜態菜單遠離固定內容，同時縮小OUT

回答

相關問題