Javascript 如何在IE6及以上版本中创建“保持领先”菜单？_Javascript_Jquery_Html_Css

Javascript 如何在IE6及以上版本中创建“保持领先”菜单？

javascript jquery html css

Javascript 如何在IE6及以上版本中创建“保持领先”菜单？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在IE6和更高版本中使菜单位于顶部，并启用固定位置和内容滚动。我试过使用jsfiddle.net代码，但它有css属性position:fixed；它不支持IE6 示例代码 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Dynamic Top Menu Posi

我想在IE6和更高版本中使菜单位于顶部，并启用固定位置和内容滚动。我试过使用jsfiddle.net代码，但它有css属性position:fixed；它不支持IE6

示例代码

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Dynamic Top Menu Positioning - jsFiddle demo</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <link rel="stylesheet" type="text/css" href="/css/normalize.css">


  <link rel="stylesheet" type="text/css" href="/css/result-light.css">

  <style type='text/css'>
    .menu {
    background:#345;
    color:#FFF;
    height:2em;
    padding:.5em;
    position:absolute;
    top:50px;
    width:100%;
}
.fixed {
    position:fixed;
    top:0;
}
  </style>



<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
/* Dynamic top menu positioning
 *
 */

var num = 50; //number of pixels before modifying styles

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('.menu').addClass('fixed');
    } else {
        $('.menu').removeClass('fixed');
    }
});

//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
});//]]>  

</script>


</head>
<body>
  <div class="menu">Menu</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />(Bottom!)

</body>


</html>

以下链接不支持IE6 和

有人能帮我在IE6及以上版本中实现这一点吗？

我已经从网站上找到了解决方案

IE6已经死了，让它去吧。虽然仅使用HTML和CSS就可以解决问题，但我也建议不要去那里——它有一些缺点，不值得麻烦，除非你绝对“必须”支持IE6，而你不应该这样做。无论出于何种原因，人们仍然在使用IE6，但在现代效果和布局方面，他们已经习惯了“有限的互联网”——因此，只在页面顶部滚动的菜单就可以了。嗨，我们有些机器必须执行exe，但我们没有更新IE的权限，由于exe在windows web浏览器控件中显示结果，我们必须坚持使用windows当前的IE 6。