                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /回到頂部效果

滾動(dòng)條移動(dòng)過(guò)程中，鼠標(biāo)滾輪的影響。

感謝老師的講解，受益匪淺。但是在ScrollTop到0的過(guò)程中，如果向下滾動(dòng)鼠標(biāo)滾輪，滾動(dòng)條會(huì)一直向頂部滾動(dòng)。所以我想到了在函數(shù)中屏蔽鼠標(biāo)滾輪事件（window.onmousewheel=function(){return false};）。當(dāng)清空定時(shí)器的時(shí)候，將事件恢復(fù)（window.onmousewheel=function(){return true};），不知道老師還有沒(méi)有其他辦法解決此類(lèi)問(wèn)題。

劉庭瑋

2015-06-17

源自：回到頂部效果 4-1

關(guān)注問(wèn)題我要回答

1554

操作

收起

1 回答

劉庭瑋提問(wèn)者
2015-06-17

window.onload=?function(){
	var?obtn?=?document.getElementById('btn');
	var?timer=null;
	obtn.onclick=function(){
		timer=?setInterval(function(){
			var?osTop=?document.documentElement.scrollTop?||?document.body.scrollTop;
			var?ispeed?=?Math.floor(-osTop/6);			
			document.documentElement.scrollTop=document.body.scrollTop=osTop?+?ispeed;
			console.log("osTop:"?+?(osTop));
			console.log("ispeed:"+(ispeed));
		//?console.log("top:"?+?(top));
		window.onmousewheel=function(){clearInterval(timer);};
		if?(osTop==0)?{
			clearInterval(timer);
			//?window.onmousewheel=function(){return?true};
		};

	},20);
		
	}
}

已解決，在滾動(dòng)過(guò)程中，滾動(dòng)滾輪，觸發(fā)清空定時(shí)器操作。