仿照老師思路寫的jQery代碼:
$(function{
?/*停止返回頂部函數(shù)*/
var timer=null;
var isTop=true;
var Height=$(window).height();//獲取可視窗口高度
/*
停止?jié)L動
?
*/
? ? ?$(window).scroll(function(){
???????? if(!isTop){
???????????? clearInterval(timer);
???????????? if($(window).scrollTop()>=Height){
???????????? ???? $(".re_top").show();
???????????? }else{
???????????? ???? $(".re_top").hide();
???????????? ???? }
???????? }
? ? ? ? isTop=false;
? ? });
/*返回頂部主函數(shù)*/
$(".re_top").click(function(){
????timer=setInterval(function(){
????????var oTop=$(window).scrollTop();//獲取滾動條高度
????????var speed=Math.floor(-oTop/6);//設置回滾速度
????????oTop=oTop+speed;
????????$(window).scrollTop(oTop);
????????????isTop=true;
????????????//console.log(oTop);
????????????if(oTop==0){
????????????????clearInterval(timer);
????????????????????????}
????????},30);
????});
});