2015-01-12 25 views
0

我有一個網頁,除了導航菜單,這是平板和移動友好的以外,沒有響應。如何修復網頁可見部分右上方的菜單

當我在手機上加載頁面時,這個頁面並不完全可見(水平的60%是可見的),這在項目的這一點是很好的。但我仍然希望手機菜單始終放在頁面可見部分的右上角。

現在菜單相對於頁面的整個寬度位於右上角。

如何輕鬆實現這一點? (jQuery或簡單的CSS)

謝謝!

+0

沒有代碼我們只是猜測,但它聽起來像導航定位到窗口,而不是你想要的容器,可見的容器。這可能與將HTML代碼移到其他地方的簡單代碼一樣簡單。 – Slime

+0

我的容器寬度固定爲1024像素。電話的寬度可以說是490px。當我在手機中加載頁面時,只有一半是可見的,除了導航不可見,因爲它完全放在1024px寬度的右上角。我希望它被放置在490px(這是頁面的可見部分)的右上方 – user3442206

+0

因此,如果您知道它被切斷後需要的位置,爲什麼不使用媒體查詢來將導航取決於那個價值? – Slime

回答

0

您是否嘗試過類似

#some_div { position: fixed; right: 0px; top: 0px;}

+0

這將把菜單放在網頁的右上角。如果只有60%的頁面可見,則該菜單將不可見。無論使用什麼媒體(手機,臺式機,平板電腦...),這個想法都能夠在頁面的可見部分顯示菜單。 – user3442206