YUI 菜单栏上方的标题，没有滚动问题？

Posted 2023-02-16

技术标签:

【中文标题】YUI 菜单栏上方的标题，没有滚动问题？【英文标题】：Header above a YUI MenuBar, without scrolling issue? 【发布时间】：2009-02-24 17:51:36 【问题描述】：

YUI 菜单栏似乎在标题下方存在问题。

html：

<body class="yui-skin-sam">
    <a id="headerStyle"><img href="/" src="/images/Header.jpg" /></a>
    <div id="menuPanel" style="padding:1px">

CSS：

#headerStyle 
  position:relative;
  width:600px;
  height:100px;

javascript：

var oMenu = new YAHOO.widget.MenuBar("mymenu");
oMenu.addItems([
    
        text: "Main",
        submenu: 
            id: "menu1",
            itemdata: [
                text: "1" ,
                text: "2" ,
                text: "3" ,
                text: "4" ,
                text: "5" ,
                text: "6" ,
                text: "7" ,
                text: "8" 
    ]
        
    
]);
oMenu.render($("#menuPanel").get(0));
oMenu.show();

第一次单击菜单栏，它只显示 3 个滚动项。第一次点击后问题就消失了。

有什么想法吗？

【问题讨论】：

这仍然不足以重现您的问题。在 FireFox 上，将滚动条附加到#menuPanel 时，我无法显示滚动条，即使在图像之后也是如此。您的代码的示例页面最好看看发生了什么。嗯，我修好了。在 css 标头中设置高度似乎会导致问题。抱歉，我不能轻易发布示例页面。谢谢你的帮助。 【参考方案1】：

在 CSS 文件中指定 height 属性似乎会导致此问题。简单地移除它就可以让它发挥应有的作用。

【讨论】：

以上是关于YUI 菜单栏上方的标题，没有滚动问题？的主要内容，如果未能解决你的问题，请参考以下文章

JQuery浮动菜单栏，滚动位置和延迟

无论如何要在导航栏中添加相同的滚动菜单栏吗？