怎样制作超过一屏才显示的jquery返回顶部按钮
1个回答
展开全部
<head>
<style type="text/css">
#back-to-top{
position:fixed;
bottom:5%;
left:90%;
}
#back-to-top a{
display:block;
height:50px;
width:50px;
background:url(top.png) no-repeat center center;
margin-bottom:5px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#back-to-top").hide();
$(function () {
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$("#back-to-top").fadeIn(500);
}
else
{
$("#back-to-top").fadeOut(500);
}
});
$("#back-to-top").click(function(){
$('body,html').animate({scrollTop:0},100);
return false;
});
});
});
</script>
</head>
<body>
<div id="back-to-top" style="display: block;"><a href="#top"></a></div>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
