开始没有滚动到导航栏时,一切都不变,当页面位置超过导航栏时,导航始终显示在了顶部
有没有这样的DEMO,谢谢
有没有这样的DEMO,谢谢
解决方案 »
- 一个新手的问题
- vs2010里创建Oracle的ADO.NET实体数据模型问题
- access使用参数update,不报错,但也不执行
- 求教!如何使用stringtemplate
- List<Model>取值
- 哪位朋友给推荐一个好用点的富文本编辑器,谢谢了
- (100分啊)数据库恢复出现错误,,未将对象引用设置到对象的实例
- web自定义控件属性问题!
- 异常详细信息: System.Security.SecurityException: 不允许所请求的注册表访问权。
- 在DataGrid中插入一列CheckBox后,如何找到被选中的行
- 如何把下面的Java代码转换成C#,谢谢
- AspNetPager分页控件无法在vs2005工具箱里加载
你去这里找找,我以前在这里看到过
对象脱离常规流,使用top,right,bottom,left等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。
PS:IE6不支持fixed.
<head runat="server">
<title></title>
<style>
*
{
margin:auto; text-align:center; padding:auto;
}
</style>
<script src="/Scripts/jquery-1.4.1.js"></script>
<script>
var _menu;
jQuery(document).ready(function () {
jQuery(window).scroll(function () {
var _offset = jQuery(".menu").offset();
if (jQuery(window).scrollTop() >= _offset.top) {
if (_menu == undefined) {
_menu = jQuery(".menu").clone(true).insertAfter(jQuery(".menu"));
jQuery(_menu).css("left", _offset.left);
jQuery(_menu).css("position", "absolute");
}
jQuery(_menu).css("top",jQuery(window).scrollTop());
}
else {
if (_menu != undefined) {
jQuery(_menu).remove();
_menu = null;
}
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="main">
<div style="width:500px; height:100px; background-color:Blue;"></div>
<div class="menu" style="width:500px; height:50px; background-color:Red;">这里是导航</div>
<div class="body" style="width:500px; height:1050px; background-color:Gray;">这里是内容</div>
</div>
</form>
</body>
</html>