javascript - Superfish Child Drop Downs 从页面上掉下来

Question

Superfish 是一个非常常见的菜单插件，所以我很惊讶我很难纠正这个问题。

我有一个非常密集的菜单结构，其中涉及多个子菜单。如此之多，以至于当他们的父母悬停时，他们中的很多人会从页面上掉下来或从浏览器的视图中掉出来。

人们建议应用一个right: 0px;属性来代替文件中的left: 0px;属性superfish.css，但看起来 JS 脚本正在将它自己的 CSS 属性作为内联样式写入元素。事实上，它实际上看起来像是在测量父菜单的宽度以应用正确的left:值。

子菜单最终看起来像这样

<ul class="sub-menu" style="left: 16.18181818181818em; 
    float: none; width: 14.5em; display: block; visibility: visible;">

所以，我想我得到的是......如果不是 CSS 文件，这些 CSS 属性的应用是什么？即使当我为菜单应用特定类时，我想“下拉”到右侧而不是左侧，该属性无论如何都会被覆盖。

有没有办法纠正这个问题，或者只是让它一旦我进入第二级下拉菜单（当下拉菜单开始向左而不是向下时）它们就会向右移动？

score 2 · Accepted Answer

我只是在处理同样的问题。看起来这个“功能”从路线图上掉下来了:)

无论如何，我在屏幕外发现了这个Superfish Menu 文本

它为我解决了它，但 YMMV 一如既往。

score 1 · Accepted Answer

如果 CSS 来自 Javascript，

然后你可以!important在你的样式表中使用它来覆盖它。

在样式表的规则旁边添加注释，这样人们可能会记住或理解 left:0!important;/* !important is here to overide style from js' suckerfish menu */:)

score -1 · Accepted Answer

我已经解决了这个问题只是这样做......

jQuery Superfish 菜单插件 - v1.7.4

只需打开 Superfish.js 并找到visibility更改为display

例子：

visibility: hidden至display : none

visibility: visible至display : block

superfish js编辑文件

3 回答 3