防止菜单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从窗口重叠调整

回答

相关问题