您的位置:首页 > 运维架构

Back Top ②(回到顶部)

2016-08-16 17:04 148 查看
<script>
$(function() {
$.fn.manhuatoTop = function(options) {
var defaults = {
showHeight : 200,
speed : 1000
};
var options = $.extend(defaults,options);//从两个对象中获取参数
var $toTop = $(this);
var $top = $("#goto-top");
$toTop.scroll(function(){
var scrolltop=$(this).scrollTop();
if(scrolltop>=options.showHeight){
$top.fadeIn();
}
else{
$top.fadeOut();
}
});

$top.click(function(){
$("html,body").animate({scrollTop: 0}, options.speed);
});
}
});

$(function (){
$(window).manhuatoTop({
showHeight : 200,//小于此高度不显示按钮
speed : 1000//回到顶部的动画速度
});
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  回到顶部