87,910
社区成员
发帖
与我相关
我的任务
分享
<html>
<head>
<style>
body
{
margin: 0px;
padding: 0px;
}
</style>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
for(var i =0 ; i < 100 ; i++){
$(document.body).append("<p>line "+i+"</p>");
}
});
$(window).scroll( function() {
if($(document).scrollTop() >= document.body.clientHeight){
$("#dvTopC").css("top",$(document).scrollTop()).show();
}
else{
$("#dvTopC").hide();
}
});
</script>
</head>
<body>
<a name='top'></a>
<div id="dvTopC" style="right: 5px; position: absolute; background-color: #efe; border: solid 1px red;
display: none;">
<a href="#top">回到顶部</a>
</div>
<p>
到第二页高度时,出现回到顶部</p>
</body>
</html>