如題,今天第一次遇到,就是一個(gè)固定的導(dǎo)航菜單,我知道有人要告訴我,你可以用poistion:fixed;這個(gè)我知道,可IE6呢不行了,還有兩種方案?一種是動(dòng)畫(huà)運(yùn)動(dòng)到位置,這個(gè)不適用我的需求,因?yàn)槭且粋€(gè)導(dǎo)航菜單,類(lèi)似于,美麗說(shuō)和聚美優(yōu)品,等網(wǎng)站的導(dǎo)航。我通過(guò)用CSS表達(dá)式,在JS里做判斷,但一直報(bào)錯(cuò)。有沒(méi)有人做過(guò),或者給段代碼,或者指點(diǎn)一下。 (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)代碼寫(xiě)的不好,請(qǐng)忽鄙視。
1 回答
www說(shuō)
TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊
這里的判斷條件有問(wèn)題,API文檔里的說(shuō)明:
我們不推薦使用jQuery.browser這個(gè)屬性,請(qǐng)嘗試使用功能檢測(cè)來(lái)代替(見(jiàn)jQuery.support)。 jQuery.browser在未來(lái)的版本中可能會(huì)轉(zhuǎn)移到一個(gè)jQuery插件。
以下這個(gè)判斷條件失效了,所以導(dǎo)致報(bào)錯(cuò)。
if($.browser.msie) {
可以用jQuery.support來(lái)做瀏覽器判斷
if(!jQuery.support.leadingWhitespace) {
