課程
/前端開(kāi)發(fā)
/HTML/CSS
/回到頂部效果
怎么運(yùn)行不出來(lái)效果
2017-04-13
源自:回到頂部效果 4-4
正在回答
可以的啊 ?多試試 不行的話(huà)本地試試
?$(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);
? ?});
?});
我也看不出效果
舉報(bào)
回到頂部網(wǎng)站不可缺少的一部分,用JS實(shí)現(xiàn)炫酷拉風(fēng)的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-04-13
可以的啊 ?多試試 不行的話(huà)本地試試
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-08-25
我也看不出效果