为什么不能实现呢？

按照视频教的方法，我自己根据视频里的代码写的，为什么回到顶部那张图就是不能显示？

查看完整描述

1 回答

Caballarii

TA贡献1123条经验获得超629个赞

代码贴出来

反对回复 2016-09-17

筱羅卜
//index.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Javascript回到顶部效果</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="script.js"></script> </head> <body> <div class="box"> <img src="image/pic1.gif" /> </div> <a href="javascript:;" id="btn" title="回到顶部"></a> </body> </html>

回复 2016-09-17
筱羅卜
//style.css /* CSS Document */ .box{ width:1200px; margin:0 auto; } .btn{ width:37px; height:38px; position:fixed; left:50%; margin:-left:630px; bottom:30px; background:url(image/btn.png) no-repeat left top;} #btn:hover{ background:url(image/btn.png) no-repeat left -38px; }

回复 2016-09-17
筱羅卜
//script.js // JavaScript Document //页面加载完毕后触发 window.onload=function(){ var obtn=document.getElementById('btn'); var timer=null; var isTop=true; //滚动条滚动式触发 window.onscroll=funcyion(){ if(!isTop){ clearInterval(timer); } isTop=false; } obtn.onclick=function(){ //设置定时器 timer=setInterval(function(){ //获取滚动条距离顶部的高度 var osTop=document.documentElement.scrolTop || document.body.scrollTop; var ispeed=Math.floor(-osTop/5); isTop=true; document.documentElement.scrolTop = document.body.scrollTops = osTop + ispeed; console.log(osTop - ispeed); if(osTop==0){ clearInterval(timer); } },30); } }

回复 2016-09-17

点击展开后面1条

为什么不能实现呢？

为什么不能实现呢？

1 回答

相关问题推荐

添加回答

热搜

最近搜索清空

为什么不能实现呢？

为什么不能实现呢？

1 回答

相关问题推荐

添加回答