javascript - Superfish Child Drop Downs 掉落页面

Question

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

我有一个非常紧凑的菜单结构，其中包含多个子菜单。如此之多，以至于当它们的父元素悬停时，它们中的很多会从页面上掉下来或离开浏览器的 View 。

人们建议在 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 属性的是什么？即使当我为菜单应用特定类时我想“下拉”到右侧而不是左侧，该属性无论如何都会被覆盖。

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

Answer 1

我刚刚遇到了同样的问题。看起来这个“功能”从路线图上掉下来了:)

无论如何我找到了这个Superfish Menu text off-screen

它为我解决了这个问题，但 YMMV 一如既往。