回到顶部效果_技术问答_慕课网

首页免费课回到顶部效果问答

回到顶部效果

全部评论问答未解决精华

小巴泥

#btn:hover{background-position:left -40px;}

0 3-1 用HTML CSS实现页面布局

2017-08-31

慕粉zgn123456

so easy

0 4-1 用JavaScript实现回到顶部效果

2017-08-31

AllySu

window.onload
onclick
window.onscroll

0 2-1 案例实现中相关知识点讲解

2017-08-12

慕丝6966254

普通发不包准

0

2017-08-12

跪求哥哥姐姐的答案

最新回答 / 慕粉zgn123456

window.onload=function(){var obtn=document.getElementById("btn"),timer,isTop=true;window.onscroll=function(){if(!isTop){clearInterval(timer);}isTop=false;};obtn.onclick=function(){timer=setInterval(function(){var osTop=document.documentElement.scrollTop||...

2 回答 834 浏览 4-1 用JavaScript实现回到顶部效果

2017-07-28

跪求答案啊

最新回答 / lucas161543228

fixed的属性,用来定位.

1 回答 616 浏览 3-1 用HTML CSS实现页面布局

2017-07-28

书旅

捂嘴控制不住哈哈哈哈........

0 3-1 用HTML CSS实现页面布局

2017-07-24

AllySu

为什么<a></a>不需要设置成块级元素display：block？

0 3-2 编程练习

2017-07-15

找个女人

感谢老师@!

0 4-2 用JavaScript实现“按钮”的显示与隐藏

2017-07-07

慕斯卡8256735

老师教的还是有点小问题，当连续点击按钮的时候，滚动条上到顶部再拉下来的时候，会发现滚动条会自己跑回去。

1 4-4 编程练习

2017-07-04

暮女神

解决多次点击出现多个定时器:onclick事件里开头加上clearInterval(timer);

4 4-2 用JavaScript实现“按钮”的显示与隐藏

2017-07-03

暮女神

一开始将stop赋值为false,点击按钮时定时器里不用给stop重新赋值,同时触发onscroll事件,不会清除定时器,stop变为true;如果用户自己滚动滚动条,说明没有经过定时器,这时在onscroll事件里stop是true(上一次按钮滚动赋得值),就会清除定时器

2 4-1 用JavaScript实现回到顶部效果

2017-07-03

暮女神

多次发现"日照香"在宣传自己的网站,呵呵,终于被封号了

3 1-1 案例效果展示及锚链接

2017-07-02

关于math.floor()

已采纳回答 / 十指狂魔

要想你的代码，更加健壮，更加完善。就要考虑的更加全面，有时可能会需要去应对千分之一、万分之一的概率事件！

1 回答 1236 浏览 4-1 用JavaScript实现回到顶部效果

2017-06-26

sergiolin

这里为什么老是要用负数而不是直接向上取值，是考虑到体验效果。从console.log中可以看出，最后到顶部的时候，负数是3,2,0，而Math.ceil是3,2,1,0，给人的感觉是到顶部最后太慢太卡了。个人建议还是用老是的Math.floor好一点。

0 4-1 用JavaScript实现回到顶部效果

2017-06-22

如果页面很长回到顶部有滚动效果，这样的体验不是很好吧。

已采纳回答 / qq_江湖再见_1

你可以用a标签做锚点直接链接到顶部

1 回答 1301 浏览 4-1 用JavaScript实现回到顶部效果

2017-06-13

首页上一页 1 2 3 4 5 6 7 下一页尾页

该课程已下架

课程须知: 1.掌握HTML+CSS基础知识；2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。

老师告诉你能学到什么？: 1.掌握两种实现顶部效果的方法； 2.学会定时器、window.onscroll等知识

微信扫码，参与3人拼团

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

帮助反馈 APP下载

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

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

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消