2015-05-23 61 views
0

我想使用外部接頭和兩個外部面板,一個在左側,一個在右側。問題:面板應始終在大屏幕上可見。jQuery Mobile:右側絕對外部面板不工作

我使用

position: absolute; 
left: 0; 
top: 4em; 

時但是,這並不正確的面板中工作時,使用了一些問題與外部頭定位板(內部正常工作),我可以解決的左側面板

position: absolute; 
right: 0; 
top: 4em; 

只是將它放在左側面板上方。

你可以看到此此的jsfiddle:https://jsfiddle.net/9eb4mekr/

當我使用position: relative; float: right;代替,右邊的面板將在正確的,但所有其他面板(嘗試在的jsfiddle)以下。

任何關於外部面板始終可見(大屏幕)時正確定位的想法?加一個外部頭文件?

回答

0

我發現了這個問題。恩,不是真的這個問題,但至少是解決方法,這要歸功於Tasos Anastasiou:將標題位置設置爲fixed,例如,在頭DIV data-position="fixed"將就板:)

這裏是一個更新的,工作的jsfiddle再次relative定位工作:https://jsfiddle.net/vhkmok8o/

+0

然後接受你的答案。 –

+0

你不會說;-) - 它只有在一兩天後纔有可能。 – lakerz