为了账号安全,请及时绑定邮箱和手机立即绑定

回到顶部效果

难度初级
时长40分
学习人数
综合评分9.63
249人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 你是漂亮的天蓝色
背景图显示的位置,相当于no-repaet 0 0当显示下面部分的背景图时,就是no-repeat 0 -40px

已采纳回答 / 田心枫
可以的啊  多试试 不行的话本地试试

已采纳回答 / 田心枫
锚确实可以搞定,但是老师好像也讲了js的东西

已采纳回答 / 从何说起_
var sctop = document.documentElement.scrollTop||document.body.scrollTop;if(scTop>=cheight){两个变量不对 写做了 t改成小写的

已采纳回答 / 学习使我进步
对的啊,到了-1不等于0,然后就清楚定时器

最新回答 / 慕粉4274621
你获取的id名,赋值给obtn,这个名字可以随便取,但要英文开头或$开头

最新回答 / 慕粉zgn123456
 $(function(){   var timer,clientHeight=$(window).height(),isTop=true;    $(window).scroll(function(){                       var osTop=$(document).scrollTop();                       if(osTop>=clientHeight){                       $("#btn").css("displa...

最新回答 / wtxy
感觉是的,这视频分享不错,但是有一些小bug,这也算是个问题吧,我觉得可以在window.onload 之后,可以先判断(scrollHeight >= clientHeight),就可以解决这问题了window.onload = function(){        var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;        var obtn=document.getE...

最新回答 / 慕标1942169
注意 window.onload 的代码执行顺序

最新回答 / 123_lucky
你的JS代码呢?

已采纳回答 / 心灵驿站2
我给你测了一下,除了回到顶部放上去没有回到顶部的这样外,其他代码都没问题。想要测试的话,你还是把课程的素材下下来,自己试一下。注意上面的那个<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">一定要有,不然不行。
课程须知
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
老师告诉你能学到什么?
1.掌握两种实现顶部效果的方法; 2.学会定时器、window.onscroll等知识

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消