如题,是个老问题了,今天第一次遇到,就是一个固定的导航菜单,我知道有人要告诉我,你可以用
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)
代码写的恶心,请忽鄙视。
我们不推荐使用jQuery.browser这个属性,请尝试使用功能检测来代替(见jQuery.support)。 jQuery.browser在未来的版本中可能会转移到一个jQuery插件。
以下这个判断条件失效了,所以导致报错。
if($.browser.msie) {
可以用jQuery.support来做浏览器判断
if(!jQuery.support.leadingWhitespace) {
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。