jQuery MiniUI

标题: 菜单弹出方向 [打印本页]

作者: njzy    时间: 2013-5-20 16:12:11     标题: 菜单弹出方向

本帖最后由 njzy 于 2013-5-20 16:16 编辑

如图,我把一个菜单固定在左下角,三级菜单弹出来的时候下方位置不够了,但还是向下展开了,并出现了滚动条,此时能自动向上展开吗?代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Menu</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
   
    <script src="../../scripts/boot.js" type="text/javascript"></script>
   
   
</head>
<body>

<h4>HTML创建</h4>
<ul id="menu2" class="mini-menubar" style="width:300px;left:0;bottom:0;height:34px; position:absolute; ">
    <li>
  <span >文件(F)</span>
  <ul>
      <li>
          <span >新建</span>
          <ul>
                    <li iconCls="icon-new">文件</li>
              <li>项目</li>
                    <li>网站</li>
          </ul>
            </li>
  
  </ul>
</li>
</ul>

   
    <script type="text/javascript">
        mini.parse();
        function onItemClick(e) {
            var item = e.sender;
            alert(item.getText());
            
        }
    </script>
    <div class="description">
        <h3>Description</h3>
        <p>MiniUI Menu可以横向、竖向显示菜单项。            
        </p>
        <p>子菜单项可以无限级嵌套子菜单。</p>
    </div>
</body>
</html>






作者: factory    时间: 2013-5-20 16:55:43

这个暂时无法做到




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2