回到顶部效果_技术问答

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

回到顶部效果

全部评论问答未解决精华

慕勒4231661

简单，易懂，明了

2016-09-07

问一下 window.scroll.怎么让她在鼠标不进行滚动时触发

最新回答 / qq_冫氵辶_03760062

先执行一下下面的if判断

2 回答 731 浏览 4-2 用JavaScript实现“按钮”的显示与隐藏

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

qq_阳光宅宅_03842602

我火狐浏览器，标签的.onclick事件，没反应

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

2016-08-22

笑出强大_0

原来不兼容火狐和ie，，，，

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

2016-08-21

笑出强大_0

一样的代码出不来效果，，，-=50都没起到作用，滚动条在刷新后滑动一次点击突然弹回顶部就再也滑不下来了

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

2016-08-21

笑出强大_0

用户还以为，这个网站疯了~~

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

2016-08-21

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

回到顶部效果

问一下 window.scroll.怎么让她在鼠标不进行滚动时触发