固定的顶部菜单在Yii引导
Fixed To Top Menu in Yii Bootstrap
我需要一个简单的澄清,我有一个菜单。每当我向下滚动时,我都需要这个菜单出现在页面的一侧。请帮我做这件事。
视图:
<div id="fl_menu">
<div class="label">MENU</div>
<div class="menu">
<a href="#" class="menu_item">An menu item</a>
<a href="#" class="menu_item">A long menu item</a>
<a href="#" class="menu_item">Item 3</a>
<a href="#" class="menu_item">Another one</a>
<a href="#" class="menu_item">A really, really long menu item</a>
<a href="#" class="menu_item">Menu item 6</a>
<a href="#" class="menu_item">And one more</a>
<a href="#" class="menu_item">A tiny</a>
</div>
</div>
JS代码:
<script>
//STICKY NAV
$(document).ready(function () {
var top = $('#fl_menu').offset().top - parseFloat($('#fl_menu').css('marginTop').replace(/auto/, 100));
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so, ad the fixed class
$('#fl_menu').addClass('fixed');
} else {
// otherwise remove it
$('#fl_menu').removeClass('fixed');
}
});
});
</script>
这绝对与Yii无关。不管怎样,你在找这个http://tutsme-webdesign.info/bootstrap-3-affix/
相关文章:
- 如何使用skip参数使用angular ui引导进行服务器端分页
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 着色引导框对话框
- 接受不在列表中的值-引导组合框
- Html引导程序警报自动关闭困难
- 如何解决Yii中的页面刷新问题
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 如何从外部页面激活非默认引导选项卡
- Twitter引导程序Typeahead-Id&标签
- 当查询不在displayField中时,引导Ajax Typeahead不显示结果
- 引导程序崩溃一次只能看到一个
- 引导程序/基础堆叠行/列
- 如何保持引导程序下拉复选框列表下拉
- 引导选择DropDownList不显示
- .aspx页面上引导程序中的动态选项卡
- 菜单栏class=活动引导程序主题无法正常工作
- 如何在yii中使用append
- Yii引导日期选择器行中的结束日期应大于开始日期
- 如何添加onclick事件按钮在yii引导(http://www.cniska.net/yii-bootstrap/#t
- 固定的顶部菜单在Yii引导