无法覆盖 asp.net 菜单控件 css 以在 UP 方向显示菜单答案

【问题标题】：Not able to override asp.net menu control css to show up menu in UP direction无法覆盖 asp.net 菜单控件 css 以在 UP 方向显示菜单
【发布时间】：2012-12-10 18:41:03
【问题描述】：

我在页面底部有 asp.net 菜单控件，如果菜单控件有子菜单，我无法解决这个问题，然后如果屏幕很小，它们会隐藏，我尝试更改菜单的 css控件以向上方向而不是向下方向显示菜单，这对我不起作用。现在我正在寻找一个简单的解决方案悬停，即使我想向下滚动到页面底部，以便所有菜单都可见。

Example

我尝试了不同的东西，比如

   var $elem = $('#Container');
   $(".popout level1 static selected").hover(function () {
        $(document).scrollTop($(document).height());
        return false;
    });

到目前为止，我什至无法使用任何类来捕获，我不是 jquery 或 CSS 类型的人，我确信我做错了一些事情。在这方面我将不胜感激。

我希望菜单在向上滚动到页面底部的方向上显示，以便所有菜单都可见。

可能的解决方案

在ddMenuSlider.js文件中更改以下两行代码

将top 更改为bottom 并改为top:''

$subul.css({bottom:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0}) 

$mainmenu.find("ul").css({ display: 'none', visibility: 'visible', top:''})

【问题讨论】：

tinyurl 对我们不好。
按原样，你可能只是为了打开它们而移动它们
@Aristos，我该怎么做

标签： jquery asp.net css menu

【解决方案1】：

一个简单的解决方案是在您的ul 上打开并按住弹出菜单以删除 top 并使用bottom 与您的菜单高度为 24px（实际上是26，但放置24或25看起来线相连）。

你有内联样式，所以内联更改是style="bottom:24px;"（以及样式的其余部分）

_{（来源：planethost.gr）}

这样菜单就会打开。

【讨论】：

问题是这种样式是由 asp.net 菜单控件在呈现 asp.net 页面时生成的，我无法覆盖它。我尝试使用 jQuery 更改它，但它不起作用，因为我无法为这个 display: none; position: absolute; top: 28px; left: 0px; visibility: visible; width: 232px; 捕获正确的事件，当我使用 FireBug 点它但不在实际页面中时它可以工作
@KnowledgeSeeker 我不知道没有研究就可以回答这个问题，你能研究一下并找到改变它的方法吗？
即使#Menu1:submenu:11 { display: none; position: absolute; bottom:24px; left: 0px; visibility: visible; width: 186px; } 也不起作用
@Aristtos，问题是它仅在我尝试使用 firebug 更改它时才有效，实际上这个内联属性是由 asp.net 菜单控件生成的，我无法找到覆盖的方法它。我尝试使用 jQuery 也不起作用
试着把 !important.

【解决方案2】：

也许你可以试试这个：

在ddsmoothmenu.js 中找到这个：

`$subul.css({top:this.istopheader`
   //--------^^^-------------------change this to bottom

尝试更改此设置，看看是否有帮助。

【讨论】：

即使评论这一行也不会产生任何影响
从上到下改变属性但也保持 top:100% 实际上没有区别
我终于通过更改.js 文件$subul.css({bottom:this.istopheader && setting.orientation!='v'? this._dimensions.h+"px" : 0}) $mainmenu.find("ul").css({ display: 'none', visibility: 'visible', top:''}) 使其工作了