回到顶部效果_技术问答

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

回到顶部效果

全部评论问答未解决精华

雨里的水

讲的蛮好，不过我得练练

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

不再使用

呃　写的有问题　改一下：＠尤克里里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

不再使用

感觉留了不少坑给我们………………

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

2016-09-19

不再使用

在onlick里面先if判断一下定时器是不是空的吧不然
if(timer){
clearInterval(timer);
}
再写timer=setInterval blalabalbal

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

2016-09-19

冷月诗魂

不重置样式你怎么改背景图片？

0 3-2 编程练习

2016-09-16

霍丶

setInterval 之前先clear一下就是每次点击把之前的定时器清除掉就可避免定时器重复执行导致变快

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

2016-09-13

NoLimits

滑稽的声音

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

2016-09-13

首页上一页 4 5 6 7 8 9 10 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

回到顶部效果