防止菜單DIV和內容DIV從窗口重疊調整

我在這裏有一個小麻煩：..防止菜單DIV和內容DIV從窗口重疊調整

一切似乎都很好地工作（有一個小問題的div走動，當我調整窗口大小，但設法通過來自StackOverflow的用戶的一點幫助來修復它），但我現在遇到了另一個問題。

我對本網站使用wordpress，並對我製作的基本主題進行了一些修改。一切工作正常，除非你使窗口很小，水平滾動條出現，但當你滾動水平滾動條時，你會注意到菜單與內容重疊。

我該如何使它們不重疊？我試圖讓側欄的位置絕對而不是固定的，但是當我垂直滾動時，菜單應該保持在那裏。

不知道我應該怎麼去......任何幫助將不勝感激！

謝謝！

來源

2013-02-21 snanda

很難看到那裏發生了什麼。你在使用媒體查詢嗎？發佈一些相關的CSS。 – isherwood 2013-02-21 02:32:04

我已刪除所有媒體查詢。這裏有一些相關的CSS： '＃sidebar-primary { \t width：240px; \t margin：0px 0px 0px 70px; \t float：left; \t職位：固定; \t min-width：240px; }' 如果我將位置改變爲絕對值，則內容與菜單不重疊，但菜單不是垂直固定的（這是我想要的）。基本上我的問題是：是否有可能垂直固定菜單，並且絕對水平，以及如何？ – snanda 2013-02-21 02:39:32

我該如何去做Javascript？思想指引我在正確的方向？ – snanda 2013-02-21 02:51:42

正如我在我的評論說，你將需要JavaScript來防止內容的div使用重疊固定菜單

爲你指出正確的方向退房this 插件在github ..其巨大的插件jQuery來完成幾乎正是你追求..

Here是使用jQuery的一個小一點的工作版本，我主持這麼容易了給你看：

到佈局中唯一的變化你需要做的是設置sidebar-primary div到left: 0;，它將div稍微推向左邊，但我認爲它值得，因爲您的原始問題只需要一點點jQuery即可解決。讓我知道它是否適用於您的佈局..

來源

2013-02-21 02:57:45 Adrift

今晚晚些時候我會檢查這件事，看起來它是做我需要的。希望我能整合它，沒有太多問題。謝謝！ – snanda 2013-02-21 03:09:10

謝謝兄弟，現在要打開囊，但明天我會更新。 :) – snanda 2013-02-21 07:00:38

防止菜單DIV和內容DIV從窗口重疊調整

回答

相關問題