DIV无法通过实验性CSS3菜单固定位置

Question

链接到开发网站

[已删除]

问题说明

我正在使用具有透视感的实验性CSS3菜单，但无法position:fixed;任何position:fixed; 网站内部。

菜单必须位于<div id="perspective" class="perspective effect-pull-out">以及<div class="perspective-wrapper">和<div class="wrapper">为了与滚动条和实际透视图一起正常工作。

这搞砸了上面页面链接上的模态以及position:fixed; 在主站点标题上。 我尝试向其中添加一些jQuery，以使其直接位于<body>标记下，但是没有运气，因为我正在使用具有Repeater的Advanced Custom Fields，因此它调用了主体的每个模式，并且仅加载第一个模式一。 如果将标题放在透视菜单上方，它可以工作，但是我仍然不知道如何使模式正常工作。

我认为这两个问题都与菜单有关，因为如果我将代码直接移到<body>标记之后，那么一切都会很好。 就像它是一个Wordpress网站一样，我有模板文件，不能随便在任何地方放置代码。 我也在使用Bootstrap和Sass。

任何帮助表示赞赏。

Answer 1

我知道您的问题与在我自己的站点中使用固定pos时会遇到同样的事情一样，但是如果您将perdivektiv div之外的固定div作为固定值，也可以轻松解决一个问题，那么请设置一个大的主要div，然后像表格行一样添加div来满足您的需求。 这样，模态将按需工作。 很高兴看到您的小提琴，只有没有代码的单词很难找到答案。

您已多次复制id =“ bruce”，则可以将ID从bruce更改为您已复制的div上的其他人。 如果您从perspektiv包装器div中删除名称id并按您的要求在正文后面添加，则代码中实际上没有问题。 您只需要更改div ID。

Answer 2

我的问题是我没有重置我的Wordpress查询：

<?php wp_reset_query(); ?>

完成之后，它修复了我的循环并重置了导致问题的</div> 。

DIV无法通过实验性CSS3菜单固定位置

问题描述

链接到开发网站

问题说明

2 个解决方案

解决方案1
0 2016-04-29 07:41:10

解决方案2
0 已采纳 2018-04-26 01:09:34

DIV无法通过实验性CSS3菜单固定位置

问题描述

链接到开发网站

问题说明

2 个解决方案

解决方案1 0 2016-04-29 07:41:10

解决方案2 0 已采纳 2018-04-26 01:09:34

解决方案1
0 2016-04-29 07:41:10

解决方案2
0 已采纳 2018-04-26 01:09:34