Question

仅在Chrome上，左侧边栏菜单在悬停时消失。这不会发生在页面顶部，但在页面中间滚动时可以看到。

代码：

    .uk-notouch .tm-sidebar-togglebar .tm-sidebar:before {
    content: "";
    position: fixed;
    }

   .uk-notouch .tm-sidebar-togglebar .uk-open-menu:before {
    content: "";
    position: fixed;
    width: 210px;
    height: 100%;
    }

DEMO SITE：http://healthsphere.starazure.com/ - ＆gt;请向下滚动到页面中间并将鼠标左侧悬停以查看问题。

感谢您的帮助

Answer 1

我想通了自己，并且厌倦了人们提出无关的回复，用一个基于Joomla php的页面制作一个带有fontawesome图标，引导程序，jquery等的小提琴，甚至更好我的css由less创建。这真的是一个复杂的3级菜单系统，人们只是说，甚至没有查看示例和屏幕截图。有可能创造一个小提琴，但对我来说需要一整天（我不是专家，如果是这样的话，我首先不会在这里问这个问题）如果你不想回答，这是非常好的和可以理解的，但不要只是说 - 当一个演示和截图发布时没有小提琴这是不好的。继续前行 - 好一点 - 每个人都在这里打一场艰苦的战斗。

对于那些试图制作3级菜单的人来说，这就是答案。

这个想法是删除溢出属性，因为它与Chrome中的固定位置中断一起使用。它是一个众所周知的bug并且已有报道。删除溢出隐藏后，接下来的步骤是将菜单列表项目推向左侧。这使菜单消失，但随后使用边距将图标仅推向右侧。简而言之，将菜单项移动到左侧，使其隐藏，并仅向右移动图标。删除css中的溢出声明，因为它会破坏chrome。

.tm-sidebar .uk-navbar-nav li {margin-left: -175px;}
.tm-sidebar .uk-navbar-nav li a i {margin-left: 175px;}

菜单在谷歌浏览器上悬停时消失 - 在IE和Firefox中工作

1 个答案: