SemantiUI:侧边栏飞出菜单
SemantiUI:侧边栏飞出菜单
提问于 2014-12-09 17:43:52
我试图得到一个从侧边栏启动的飞出式菜单。有什么想法/例子吗？想知道弹出窗口是否是一种选择？
当用户在设置图标上有他们的鼠标时，我想要一个菜单“飞出”和3个选项。
<div id="mnuSideNav" class="ui vertical menu labeled icon inverted sidebar">
<div id="mnuAdmin" class="item ">
<i class="settings icon" title="Administrative Settings"></i>
<div id="mnuAdminItems" class="inverted menu">
<a class="item"><i class="edit icon"></i> Edit Profile</a>
<a class="item"><i class="globe icon"></i> Choose Language</a>
<a class="item"><i class="settings icon"></i> Account Settings</a>
</div>
</div>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-12-11 15:02:42
用弹出窗口解决了这个问题
像支持溢出这样的元素不能让菜单扩展到侧栏之外(“飞出”)。所以老爹是唯一的选择。定义一个弹出窗口，并在javascript初始化弹出窗口设置其弹出参数..，
例: SideBar：
<div id="mnuSideNav" class="ui left vertical menu labeled icon inverted sidebar">
<a id="sbAdmin" class="browse item popupMenu">
<i class="settings icon" title="Administrative Settings"></i>
</a>
</div>弹出窗口
<div id="adminPopup" class="ui popup ">
<div class="ui one column relaxed equal height left aligned grid ">
<div class="ui column ">
<h4 class="ui header">Admin Menu</h4>
</div>
</div>
</div>剧本：
$('.popupMenu').popup({
popup: '#adminPopup',
inline : true,
hoverable: true,
position : 'right center',
delay: {show: 300, hide: 800}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27385351
复制相关文章
相似问题
腾讯云开发者
