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

信息滚动效果制作

难度初级
时长39分
学习人数
综合评分9.63
488人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰

已采纳回答 / singerow
1、当你obj对象的高大于moocbox的高,说明moocbox这个盒子的存不下你obj对象的内容,会有一部分obj对象不会显示。在这个前提下:a)scrollTop属性使obj对象一直向上滚动,直到obj对象底部内容完全显示在盒子中。2、当obj对象的高,也就是offsetHeight小于moocbox的高时,obj的内容已经完全展现在moocbox盒子中了,自然不用向上滚动了,因为内容已经全部展现了,所以 scrollTop也就不能用了

已采纳回答 / 慕无忌9941574
 var area=document.getElementById('mooc');  你设置的ID是moocBox,获取mooc是什么鬼!

已采纳回答 / SunShine0325
scrollTop 是“卷”起来的高度值scrollHeight是 自身元素的高度+隐藏元素的高度参看网址:http://www.cnblogs.com/devcjq/articles/3774071.html

已采纳回答 / 兰小尔
你的area是在window.onload = function(){}中获取的 但是你的函数scrollUp是在window.onload = function(){}外的 所以获取的area是找不到的。解决方法:window.onload=function(){var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementB...

已采纳回答 / 夜尽天明ht
JavaScript中top是关键字,不能作为变量名。至于有哪些关键字和保留字你在查查吧!

已采纳回答 / 初级学院
前面是函数,函数只有被调用才会执行,所以函数初始化写在函数后面是可以的

已采纳回答 / 雨析
按上面的列子ul(内)里的内容高过了div moocbox(外)的本身 当"外层元素中的内容(指ul的内容)"高过了"外层元素(mookbox)"本身. 当向下拖动滚动条时,有部分内容会隐没在"外层元素的上边界"之外(这里是设了overflow),scrollTop就等于这部分“不可见的内容”的高度。 如果没设就没有 scrollTop 这个属性了 所以代码不起作用不会滚动。

已采纳回答 / Mr_pkjie
<...图片...>简单讲可以做个假设,假设area.scrollHeight/2是48吧,当area.scrollHeight=47时,会执行else中的语句,完成自加变成48,然后又因为符合else中if的条件,就会重置为0,这过程还是在执行else中的语句

已采纳回答 / hhhs1s1s
如果需要在script中操作body中的元素,那么必须在要操作的元素加载完成之后才可以,也就是说要把操作元素的js代码放在元素之后。html是从上到下进行加载的,遇到使用连接方式加载的js或者css就发送request请求加载,如果是直接写的代码,那么就直接初始化,如果是函数那么就直接初始化,在触发时直接执行函数,如果在head中操作body中的元素,那么就会出现找不到的情况,因为此时body中的元素还没有加载完成。

已采纳回答 / 曹越xyy
if(area.scrollTop >= list1.scrollHeight) {area.scrollTop = 0;} else {area.scrollTop++;}下滑线的地方是offsetHeight 吧

已采纳回答 / 涂大仙
Element.scrollTop属性是获取或者设置一个元素距离容器顶部的像素距离,如果容器没有产生垂直方向的滚动条,就代表着这个元素不可被滚动,scrollTop被默认设置为0了,所以当ul里面的内容没有超出div的内容的时候,是无法使用scrollTop的。关于scrollTop的详细介绍可以到这里了解。

已采纳回答 / 飞飞赫赫
首先你的考虑无缝滚动的原理,就是复制一个一样的接着上一个滚动,然后再明白scrollTop(被卷去的高度)和scrollHeight(区域高度),区域里有两个ul他们等高并且刚好把区域高度划分为两半(area.scrollHeight/2),只要第一个滚到看不见了(area.scrollTop >= area.scrollHeight/2),就可以把第一个拉回到最底下(area.scrollTop=0)。不知道这样的解释你能明白吗

已采纳回答 / dinshuhon
建议尝试 用js写试试 
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消