如题,今天第一次遇到,就是一个固定的导航菜单,我知道有人要告诉我,你可以用
poistion:fixed;
这个我知道,可IE6呢不行了,还有两种方案?一种是动画运动到位置,这个不适用我的需求,因为是一个导航菜单,类似于,美丽说和聚美优品,等网站的导航。
我通过用CSS表达式,在JS里做判断,但一直报错。有没有人做过,或者给段代码,或者指点一下。
(function ($) { var win = window, $navTop = $(".topnav"), $cloneTop = $navTop.clone(), TopValue = $navTop.offset().top; $navTop.after($cloneTop).css({ width: $navTop.width() }).hide(); $(win).bind("scroll",function () { var scrollTop = $(document).scrollTop(), scrollLeft = $(document).scrollLeft(); if($.browser.version == 7) { if(scrollTop >= TopValue) { $cloneTop[0].style.position = "absolute"; $cloneTop[0].style.backgroundColor = "red"; $cloneTop[0].style.top ='expression(eval(document.documentElement.scrollTop'+100+'))'; } } else { if(scrollTop >= TopValue) { $cloneTop.css({ "position" : "fixed", "top" : "0" }).show(); } else if(scrollTop < TopValue) { $cloneTop.hide(); $navTop.show(); } } }) })(jQuery)
代码写的不好,请忽鄙视。