为了账号安全,请及时绑定邮箱和手机立即绑定

回到顶部效果

难度初级
时长40分
学习人数
综合评分9.63
249人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / illa
<script type="text/javascript">window.onload=function(){ var obtn=document.getElementById("btn"); //获取页面的可视区域的高度 var clientHeight=document.documentElement.clientHeight||document.body.clientHeight; var timer=null; var isTop=true; obtn.onclick=functio...

最赞回答 / 小菜鸟飞
点击回到顶部时,滚动条滚动,定时器中有istop=true这句话执行,因为开始滚动了,所以同时触发onscroll,而if(!istop)为false,不会停止定时器,如果在回到顶部的过程中,用户自己滚动,没有经过定时器,flag为false,!flag为true,执行停止定时器语句。

最新回答 / ThinkSummer
1、尽量不要使用全局变量。每声明一个全局变量会占用一点内存,另外会造成变量名污染;2、var osTop = document.documentElement.scrollTop。如果写在外面,osTop只是在JS文件载入时获取滚动条距离顶部的高度,但有的时候,如页面在滚动的时候osTop的值是在不断变化的,所以我们要在绑定scroll事件中不断的去获取osTop的值;3、本人对JS也不是太熟悉,回答的也不一定正确。上面是我用jQuery写的咱们慕课网右侧返回顶部的代码。

最新回答 / qq_匹夫_5
不会的  好好看看你写的代码

最新回答 / qq_不能自理的猪_0
window.onload=function(){    var btn=document.getElementById('btn');    var timer=null;    //页面可视高度区域    var clientHeight=document.documentElement.clientHeight;    //在第二页面显示回到顶部按钮    window.onscroll=function(){        var osTop=document.body.scrollTop || ...

最新回答 / 小黍
你可以在编程软件里打开文件  而不是直接在文件夹里双击  放在文件夹的是网页吧?或者你把文件格式改成txt也行,最好是在编程软件中打开

最新回答 / Vidor_Chan
我这边不用这个变量也是正常运行。Chrome

最新回答 / joyboy0405
我理解的是向下取整的关系,负数向下取整(Math.floor())绝对值比原来的数大,所以改为负数。虽然感觉正数向上取整(Math.ceil())一样=。=你可以自己试一试,希望对你有所帮助~

最新回答 / 慕移动9181930
将按钮无效化对的?(为什么回答不能少于3个字呢,楼上的正解不是3个字吗?)

最新回答 / joyboy0405
document.documentElement.scrollTop=document.body.scrollTop = osTop+ispeed;光写这句的话,你那个osTop的值是没有变化的,所以下面判断内的语句也就是清除定时器的操作是执行不了的。你看看是不是。
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消