jQuery实现返回top函数

今天,我们有一个js jq函数返回到顶部,不多说话,有一幅画的真相!







复制代码代码如下所示:

(函数($){)

美元=调查=功能(选项){

var缺省值=宽度:298

var选项=扩展(默认值,选项);

如果(美元。浏览器。MSIE){

无功ieversion = parseInt(美元。浏览器版本)}



__feedcreat =函数(){ var

无功feedhtml = $();

feedhtml.html( u8fd4 u56de u9876 u90e8 u610f u89c1 u53cd u9988);

$(体)追加(feedhtml);

__ie6fixed()

};

绑定事件

__initevent =函数(){ var

$(窗口)。调整大小(函数(){)

无功winw =美元(这)Width();

如果(winw <= 1124){ $(# pubfeedback )(隐藏)}

别的{ $(# pubfeedback )显示()}。

});

$(窗口)Bind(滚动

如果($(this)。ScrollTop()> 50){

$(# backtop)。FadeIn(),Css({显示:块})

}

别的{ $(# backtop)。FadeOut(),Css({显示:} })}

});

$(# backtop )Bind(单击。

E.preventDefault();

$(HTML、体),ScrollTop(0)});

};

回到顶端

无功__tip =函数(类型,tiptext){

无功surveytip = $(# d_surveytip ),surveymask = $(# d_surveymask );

如果(!surveytip | |!surveymask){ return }

surveytip.removeclass(报警成功)。AddClass(型)Html(tiptext);

surveymask.css(显示

surveytip.css(显示

setTimeout(){()函数(

surveymask.css(显示

};

/ / IE6的兼容性

__ie6fixed =函数(){ var

如果(ieversion!= 6){返回}

无功surveybox = $(# d_surveybox );

无功pubfeedback = $(# pubfeedback );

如果(!surveybox | |!pubfeedback)

{

返回

}

$(窗口)Bind(滚动

var = $(窗口)(高度),ST = $(窗口)(。scrollTop),_top = H + st-options.height(_top1 = H + ST pubfeedback。高度);无功15;surveybox.css(顶

pubfeedback.css(顶

})

};

启动

如果(屏幕宽度> = 1280)

{

(函数(){())

__feedcreat(__initevent))(());}

}

}

})(jQuery);

窗口。误差=函数(){ return false };

如果(美元。功能($(document)。调查)){ $(document)(调查)}



复制代码代码如下所示:

# backtop我,# callsurvey我{ background: url(调查。PNG)没有重复;}

# pubfeedback {位置:固定;_position:绝对;右:15px;底:15px;宽度:54px;字体大小:12px;}

# backtop,# callsurvey {显示:块;宽度:52px;填充:1px;身高:56px;线高度:22px;文本对齐:中心;颜色:# FFF;文字装饰:无;}

# backtop {显示:无;背景:# 999;}

# backtop:悬停{背景:# CCC;变焦:1;文字装饰:无;颜色:# FFF;}

# backtop我{显示:块;宽度:25px;身高:13px;保证金:14px汽车8px;背景位置:- 63px 0;}

# callsurvey {保证金:1px;背景:# 3687d9;}

# callsurvey:悬停{背景:# 66a4e3;变焦:1;文字装饰:无;颜色:# FFF;}

# callsurvey我{显示:块;宽度:26px;身高:25px;保证金:9px汽车0;背景位置:0 0;}

# callsurvey:萦绕我{背景位置:- 30px 0;}



代码很简单,你直接拿去,放到你自己的项目中,如果你有bug,请给我留言。