????f1.onclick?=?function?()?{?navClick(nav)?};?//添加單擊事件,調(diào)用滾動(dòng)函數(shù)
????f2.onclick?=?function?()?{?navClick(fl2)?};?????//這里給4個(gè)標(biāo)簽添加單擊事件,調(diào)用下面函數(shù)
????f3.onclick?=?function?()?{?navClick(n)?};????????//但在火狐下只有第一個(gè)有效,為嘛?。?!
????f4.onclick?=?function?()?{?navClick(fl4)?};
????function?navClick(top)?{????????????????????//滾動(dòng)函數(shù)
????????var?sTop?=?document.body.scrollTop?||?document.documentElement.scrollTop;???//兼容火狐
????????var?f?=?top.offsetTop-90;???????????????//導(dǎo)航欄高度?????????
????????var?len?=?(Math.abs((sTop)?-?f))/50;
????????var?count?=?0;
????????var?interval?=?setInterval(function?()?{????//計(jì)時(shí)器,實(shí)現(xiàn)點(diǎn)擊導(dǎo)航欄后的滑動(dòng)效果
????????????if?(sTop>f)?{????????????????//主要是這個(gè)if?else
???????????????document.body.scrollTop?-=?len;????
???????????????//document.documentElement.scrollTop-=?len;//把這句話寫上怕兩次做差會(huì)出錯(cuò)?????????
????????????}
??????????????else?{
?????????????????document.body.scrollTop?+=?len;
????????????????//var?a=document.body.scrollTop?||?document.documentElement.scrollTop;?
????????????????//a?+=?len;????//谷歌又不認(rèn)了???????????
????????????????}
????????????count++;
????????????if?(count?==?50)?{
????????????????clearInterval(interval);
????????????????count?=?0;
????????????????document.body.scrollTop?=?f;????//f不能有小數(shù),用此句解決
????????????}
????????},?10);
????}剛剛接觸js,望大神們能指點(diǎn)一下。還有最最最重要的就是,像這種兼容性問(wèn)題有沒(méi)有什么類似于css幫助文檔的東西??各位大神遇到這種情況要怎么去解決的?我硬是百度了一天也沒(méi)整明白,愁死了!
跪求大神幫忙看看這段js代碼要怎么寫才能兼容火狐瀏覽器,其他瀏覽器都沒(méi)問(wèn)題
Goldberg
2016-06-06 21:47:10