課程
/前端開發
/HTML/CSS
/回到頂部效果
怎么運行不出來效果
2017-04-13
源自：回到頂部效果 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);
? ?});
?});
我也看不出效果
舉報
回到頂部網站不可缺少的一部分，用JS實現炫酷拉風的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-13
可以的啊 ?多試試 不行的話本地試試
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
我也看不出效果