回到顶部效果_技术问答

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

回到顶部效果

全部评论问答未解决精华

姚凯越

刚开始很难过没有效果，然后发现css里的注释是假！的！

0 3-2 编程练习

2016-09-13

浩然酱

这里写background的时候：老师用到的是top left和left 40px;
我写的是top和bottom，也是一样的效果。
由于btn的宽高都为40是固定的所以可以用我的这样的写法。
给大家一个参考意见吧。

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

2016-09-10

浩然酱

这里我用了个left：90.5%；
实现了差不多的效果。。
我觉得写代码还是能省则省的哈，给大家也提供个这样的思路。

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

2016-09-10

浩然酱

这个点击点击。。莫名的喜感

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

2016-09-10

channel_ho

完全没有任何效果，连回到顶部的按钮都没看到....

1 3-2 编程练习

2016-09-09

慕勒4231661

简单，易懂，明了

2016-09-07

慕桂英6018287

毛链接毛链接

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

2016-09-05

朝阳无知少年

讲的挺好的

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

2016-09-04

101110

文件无法下载，老师

2016-08-31

慕用8740379

老师能用jq代替js进行讲解，就更好了、
不过也挺厉害的

2016-08-31

慕后端5614435

jQuery 简单点
$(function(){
$(window).scroll(function(){
var t = $(window).scrollTop();
if(t>200){ $(".top").stop().fadeIn()}else{$(".top").stop().fadeOut();}
})$(".top").click(function(){$("body,html").stop().animate({scrollTop:0},1000); })
})

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

2016-08-26

小新在编程

记得要清空clearInterval, 如果点击两次返回顶部按钮, 这时会创建两个函数并执行他们,就有两个interval, timer是全局变量, 所以timer的值是后一个interval ID,第一个interval是清除不了的, 已经被覆盖, 所以第一个interval会永远执行下去, 可以分别创建timer,就是把timer变成局部变量,放在onclick事件里. 但是这个时候timer就不是全局变量, Onscroll事件就会出错. 这里的最好的方式是每次进入单击事件,清空上一个timer,只执行这次interval, 防止其他的interval造成干扰

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

2016-08-25

小新在编程

这里 window.onscroll事件的目的,就是在使用鼠标上的滚动按钮滚动页面时停止interval, 这里用的方法是添加一个isTop,然后在你鼠标滚动的时候,就触发window.onscroll,执行里面的函数, 由于页面是一点点的滚动,函数会被执行多次, 这个时候就不会执行interval, 要把这里onscrll函数体执行完后才执行setinterval,但是在执行onscorll第二次的时候, !flage=true,清除interval,这个时候就不在向上滚动了

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

2016-08-25

小新在编程

这里可以直接设置right:20px; bottom:40px 就直接定位到右下角了, 不用设置margin-left,现在的网页回到顶部都是用iconmoon来做的, 不需要图片, 减少对服务器的请求,数据小.

0 3-2 编程练习

2016-08-25

慕粉3224838

双击出现BUG的话，在每次执行前先clearInterval(timer);

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

2016-08-23

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

回到顶部效果