2013-12-17 38 views
1

我有div元以下的CSS規則在我的網頁CSS固定股利對第一次敲擊動作在iPad上

#menudiv { 
    position: fixed; 
    height: 100%; 
    margin-left: 5px; 
    width: 150px; 
    background: transparent; 
    z-index:3; 
    min-height: 680px; 
} 

這是在左邊我的頁面上的菜單,它的固定位置。它在普通PC顯示器上運行良好,而在iPad上則有問題。

當我加載頁面並且我用手指向下滾動觸摸屏幕時,#menudiv一起移動頁面的其餘部分。當我鬆開手指,#menudiv回到其固定位置,然後我可以上下滾動頁面,它不再移動。我在這裏做錯了什麼?

回答

1

嘗試使用left屬性。此外,如果能夠再使用上,右,底部也(因爲它的固定格)

#menudiv { 
    position: fixed; 
    height: 100%; 
    left: 5px; 
    width: 150px; 
    background: transparent; 
    border: 1px solid transparent; 
    z-index:3; 
    min-height: 680px; 
} 
+0

與左,而不是利潤率左,沒有運氣試圖:( – maurice85

+0

@ user3106475請再試頂部/底部還 – Parixit

+0

嘗試「頂部: 0'和'bottom:0',因爲菜單是全高,沒有任何變化。 – maurice85