回到顶部效果_技术问答

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

回到顶部效果

全部评论问答未解决精华

RJason

关于图片不显示，老师给#btn加个了display:none;表示不显示在文档当中，去掉就会出现了

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

2016-10-03

sleepybear

我们公司用jQuery写的 2句话搞定了。js的参考下也不错

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

2016-09-29

sleepybear

广东人说普通话都一样。。。。。

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

2016-09-29

雨里的水

讲的蛮好，不过我得练练

0 4-4 编程练习

2016-09-28

qq_大大温暖_0

停止滚动条的时候大家都是习惯性的向下滚动，然而我停止的时候也是发现向下滚动并不好使，突然发现向上滚动可以停止事件。。。这让我有点蛋疼

0 4-4 编程练习

2016-09-28

Sir丶z

ctrl+滚轮然后再测试吧

1 3-2 编程练习

2016-09-27

Sir丶z

居中用margin:auto

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

2016-09-27

······

body{
text-align: center;
}
居中

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

2016-09-27

涙痕

讲得很详细

2016-09-26

慕斯3035540

我第一次用Firefox预览结果Firefox没效果还以为我打错还是什么的搞得我重看了4，5遍视屏结果我一直没发现到底哪错了。。。。。。搞得我凌乱的想死啊！！！！！然后莫名的换chrome试了一下居然正常了没错！！！！！他居然正常了！！！！！我就想问问老师你没弄兼容吗？？？？？我就一菜鸟玩我有意思吗？？？！！！

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

2016-09-24

慕斯3035540

我百度了一下 document.documentElement.scrollTop和document.body.scrollTop始终有一个为0，所以可以用这两个的和来求scrollTop 所以document.documentElement.scrollTop = document.body.scrollTop 是设置scrolltop = 0 。。。。。。。。。我在火狐上是了好久都是直接回到顶部！！！

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

2016-09-24

为什么要设置fixed left：50% margin-left：610px 啊？？？？直接设置fixed right：100px ; bottom : 30px不就好了吗？？？？

已采纳回答 / 慕丝0813026

这两者都可以的

3 回答 1239 浏览 3-2 编程练习

2016-09-24

为什么要用固定定位呀

已采纳回答 / ChirsX3405375

固定定位fixed是相对于浏览器窗口固定，因为这个top图标当滑动滚动条时，永远是在页面右下方，所以用fixed比较合适。

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

2016-09-23

onscroll事件不明白

最赞回答 / 小菜鸟飞

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

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

2016-09-22

不再使用

呃　写的有问题　改一下：＠尤克里里Ukulelelelelel 的方法不错返回顶部过程中和滚动条拼速度体验不好　最好是直接点击页面就停下来。示例
1.在页面添加一个空div　css类似 #scrollStop{position: fixed;top: 0;left: 0;bottom:0;right:0;}
２.给返回顶部按钮添加一个z-index=1（确保按钮不被空div给盖住了）
3.js的onscroll中获取#scrollStop并添加点击事件scrollStop.onclick{clearsetInterval(timer)};

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

2016-09-19

不再使用

尤克里里的方法不错返回顶部过程中和滚动条拼速度体验不好　最好是直接点击页面就停下来　　示例
1.在页面添加一个空div　css类似 #scrollStop{width: 100vw;height: 100vh;background-color: #transparent;position: fixed;top: 0;left: 0;}
２.给返回顶部按钮添加一个z-index=1（确保按钮不被div给盖住了）
3.js的onscroll中获取#scrollStop并添加点击事件scrollStop.onclick{clearsetInterval(timer)};

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

2016-09-19

首页上一页 7 8 9 10 11 12 13 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空