回到顶部效果_技术问答

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

回到顶部效果

全部评论问答未解决精华

阿叶子

document.documentElement.scrollTop = document.body.scrollTop = soTop -=200;

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

2016-02-25

A源

跟以前连照抄都不抄出来相比，至少现在能跟着老师完成任务>"."<

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

2016-02-23

有一种成熟叫认怂

跟着老师做的一切正常，但是那条停止滚动条的代码实在是搞不懂 if(!noStop){ clearInterval(timer); } noStop = false; 他不是就让滚动条一移动就触发然后赋值false，然后接着又触发就停止了吗

0 4-4 编程练习

2016-02-03

有一种成熟叫认怂

这样我就不理解这个代码为啥能停止了
window.onscroll = function(){
var scrDis = document.documentElement.scrollTop || document.body.scrollTop;
if(scrDis>=clientHeight){
btn.style.display = 'block';
}else{
btn.style.display = 'none';
}
if(!noStop){
clearInterval(timer);
}
noStop = false;

};

0 4-3 练习题

2016-02-03

慕移动5749535

代码都检查很多次了，但是还是实现不了暂停回到顶部。

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

2016-02-01

天下qaq

老师你是大舌头么

2016-01-21

糁汤菜煎饼

一样的代码，不能实现暂停回到顶部功能

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

2016-01-18

因扎吉

源码缺少js代码文件

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

2016-01-18

因扎吉

用margin-left 的时候用定位的right 属性不就好了吗

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

2016-01-18

0初心0

不错。。。。

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

2016-01-14

素素陈

if (!isStop) { //滚动条滚动时触发
clearInterval(timer);
}else{
isStop = false;
};
!isStop当这里为false时应该是执行clearInterval(timer)，不然滚动条不会停止，视频中老师说不会执行clearInterval(timer)，让人郁闷了好久。

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

2016-01-13

Amy1234567

老师，是interval不是interview

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

2016-01-11

六叔886

position:fixed;固定定位

0 3-2 编程练习

2016-01-10

尤克里里Ukulelelelelel

关于滚动停止事件我的建议：
老师的方法设置isTop来实现滚动中停止，需要在滚动条滚动时拖拽住它方能停止，个人觉得这个难度挺大的，滚动条不仅滚得快还很小。

因此我的方法是，通过给这个页面加div遮罩层（覆盖整个body），然后在window.onscroll方法里给这个div添加一个点击事件：clearInterval(timer);这样就实现了滚动过程中点击任意位置就能停止。

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

2016-01-08

8760次郎

老师的口音好性感，我硬了

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

2016-01-05

首页上一页 10 11 12 13 14 15 16 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

回到顶部效果