Superfish Child Drop Downs 从页面上掉下来答案

【问题标题】：Superfish Child Drop Downs Falling Off PageSuperfish Child Drop Downs 从页面上掉下来
【发布时间】：2016-02-11 08:40:48
【问题描述】：

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

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

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

子菜单最终看起来像这样

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

所以，我想我的意思是……如果不是 CSS 文件，这些 CSS 属性的应用是什么？即使我为想要“下拉”到右侧而不是左侧的菜单应用特定类，该属性仍然会被覆盖。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

如果 CSS 来自 Javascript，则

那么您可以在样式表中使用!important 来覆盖它。

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

【讨论】：

【解决方案3】：

我已经解决了这个问题...

jQuery Superfish 菜单插件 - v1.7.4

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

示例：

visibility: hidden 到 display : none

visibility: visible 到 display : block

superfish js 编辑文件

【讨论】：

请考虑将代码添加为文本而不是快照
我不能发送这个文件但是我可以给你我的packeges链接a2zdigitalmarketing.com/js/plugins.min.js找到这个：* jQuery Superfish Menu Plugin - v1.7.4