2011-02-02 48 views
0

我想爲web應用程序(-webkit/-moz)創建粘頁腳菜單。看看截圖。 iphone的藍色區域邊框,代表內容的紅色區域,底部的灰色區域爲頁腳。 enter image description herewebkit粘頁腳菜單

屏幕1:
開始屏幕。在窗口底部粘滿頁腳的全部內容,我可以通過位置來完成:固定。

屏幕2:實際所需行爲 如果頁面內容向下滾動,則頁腳應保持粘貼在窗口底部。那就是我需要的。

屏幕3:當前行爲與位置:固定 這是當前的行爲,如果我滾動頁面,整個事情都會向上移動,包括底部的粘性頁腳。

我想要一個web應用程序,行爲類似於ipod庫。固定在底部的菜單和在它上面的可滾動內容。任何解決方案

+0

固定頁腳是否在其他元素內?如果是的話,試着把它放在身體裏,用`position:fixed;底部:0;`。 – 2011-03-31 09:28:51

回答

0

您將需要採取多個絕對位置圖層來實現此目的。使用窗口的調整大小事件調整這些圖層。我們在我們的網站www.maniartech.com也做了同樣的事情。