首先兼容性问题:
var scrollTOP=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
当然最让我无语的是下面
var scrollTOP=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
window.onscroll=function(){
// console.log(scrollTOP);
if(scrollTOP>=260){
seckillNav.className="seckill-nav seckill-navfixed";
}else{
seckillNav.className="seckill-nav";
};
};
window.onscroll=function(){
var scrollTOP=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
// console.log(scrollTOP);
if(scrollTOP>=260){
seckillNav.className="seckill-nav seckill-navfixed";
}else{
seckillNav.className="seckill-nav";
};
};
观察两份代码,几乎没差,唯一的不同就是一个先获取scrollTOP,一个后获取scrollTOP;
导航栏可以实现固定
未完…