Superfish儿童掉落下来页面

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属性应用了什么？即使我为菜单应用特定的类，我想“向下”向右而不是向左，但无论如何都会覆盖该属性。

有没有办法纠正这个问题，或者只有在达到第二级下降时（当下降开始向左而不是向下）时，它们会向右转？

Answer 1

我只是处理同样的问题。看起来这个“功能”从路线图中掉了下来：）

无论如何我发现了Superfish Menu text off-screen

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

Answer 2

如果CSS来自Javascript，

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

在样式表中添加您的规则旁边的评论，以便人们可以重新理解或理解其使用  left:0!important;/* !important is here to overide style from js' suckerfish menu */：）

Answer 3

我刚刚解决了这个问题......

jQuery Superfish菜单插件 - v1.7.4

只需打开Superfish.js，然后找到visibility更改为display

示例：

visibility: hidden至display : none

visibility: visible至display : block

superfish js编辑文件