<center id="u0fyd"><samp id="u0fyd"></samp></center>
課程
/前端開發(fā)
/HTML/CSS
/回到頂部效果
有bug，連續(xù)點擊兩次按鈕，再向下拖動滾動條，不行，怎么破解？？？？
2017-03-29
源自：回到頂部效果 4-4
正在回答
?$(function(){
? var timer,clientHeight=$(window).height(),isTop=true;?
? $(window).scroll(function(){
? ? ? ? ? ? ? ? ? ? ? ?var osTop=$(document).scrollTop();
? ? ? ? ? ? ? ? ? ? ? ?if(osTop>=clientHeight){
? ? ? ? ? ? ? ? ? ? ? ?$("#btn").css("display","block");
? ? }else{
? ? ? ? ? ? ? ? ? ? ? $("#btn").css("display","none");
? ? }
? ? if(!isTop){
? ? clearInterval(timer);
? ? isTop=false;
? });
? ?$("#btn").on('click',function(){
? ? ? ? ? ? ? ? ? ? timer=setInterval(function(){
? ? ? ? ? ? ? ? ? ? /*alert($(document).scrollTop());*/
? ? ? ? ? ? ? ? ? ? ? ? ? ?var osTop=$(document).scrollTop(),ispeed=Math.floor(-osTop/6);
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(document).scrollTop(osTop+ispeed);
? ? ? ? ? ? ? ? ? ? ? ? ? ?isTop=true;
? ? ? ? ? ? ? ? ? ? ? ? ? ?if(osTop==0){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? clearInterval(timer);
? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? },30);
? ?});
?});
一枚小清流
在點擊事件內先清除一下已有的定時器試試
btn.onclick = function(){
clearInterval(timer);
......
}
舉報
回到頂部網站不可缺少的一部分，用JS實現炫酷拉風的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-08-31
?$(function(){
? var timer,clientHeight=$(window).height(),isTop=true;?
? $(window).scroll(function(){
? ? ? ? ? ? ? ? ? ? ? ?var osTop=$(document).scrollTop();
? ? ? ? ? ? ? ? ? ? ? ?if(osTop>=clientHeight){
? ? ? ? ? ? ? ? ? ? ? ?$("#btn").css("display","block");
? ? }else{
? ? ? ? ? ? ? ? ? ? ? $("#btn").css("display","none");
? ? }
? ? if(!isTop){
? ? clearInterval(timer);
? ? }
? ? isTop=false;
? });
? ?$("#btn").on('click',function(){
? ? ? ? ? ? ? ? ? ? timer=setInterval(function(){
? ? ? ? ? ? ? ? ? ? /*alert($(document).scrollTop());*/
? ? ? ? ? ? ? ? ? ? ? ? ? ?var osTop=$(document).scrollTop(),ispeed=Math.floor(-osTop/6);
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? $(document).scrollTop(osTop+ispeed);
? ? ? ? ? ? ? ? ? ? ? ? ? ?isTop=true;
? ? ? ? ? ? ? ? ? ? ? ? ? ?if(osTop==0){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? clearInterval(timer);
? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? },30);
? ?});
?});
2017-04-18
在點擊事件內先清除一下已有的定時器試試
btn.onclick = function(){
clearInterval(timer);
......
}