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

信息滚动效果制作

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

已采纳回答 / 妙柴
参考老师的代码,你左右的原理和上下是一样的,只是把里面的行高换成整个DIV的宽度,再把滚动方向从向上改为向左或向右
‘嘟’ 报一下 ‘嘟’ 报一下 ‘嘟’ 报一下 ‘嘟’ 报一下 O(∩_∩)O
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 (即网页被卷去的高)

已采纳回答 / qq_china谢sir_0
在 是视频中 老师设置 area.scrollTop=10的时候 area里面所有的内容就向上滚动了10 而那10单位的内容并且隐藏了  scrollTop属性是设置的area的垂直滚动距离,这个距离是滚动条向下滚动的距离,也就是内容位于元素上边缘以外的水平尺寸。 说白了就是向上面看不见的地方滚动10, 那为啥con1要滚动?尼玛   con1是不是area里面的内容嘛???? 所以con1内容也当然要滚动了??传送门:http://www.softwhy.com/article-2517-1.html ...
area.innerHTML += area.innerHTML 可以做克隆

最赞回答 / 慕粉188111111
scrollTop是上方“不可见的内容”的高度, 无法大于内容本身的高。
来的刚刚好今天这好要做这个效果,但苦于没有思路

最新回答 / Angel帝豪
即对象所在的距离相对于“可见内容”的最顶端之间的距离(个人理解)
其实仔细看,当area.scrollTop >= con1.scrollHeight时,还是有微小停顿的,解决方法是area.scrollTop >= con1.scrollHeight-1

已采纳回答 / 迎风向上乀
<...code...>以上是我修改后的代码第一个是没有在正确的地方用到overflow:hidden,代码里我也注释了第二个是你没有定义这个li的CSS样式第三个是你的BOX高度要比li的总高度小呃,具体方面我的理解我不太会表述,就希望你看我修改后的代码然后再看看老师的视频,结合下自己思考思考吧。
(仿佛有bug,刷新后第1条到第九条正常,接下来就是无缝滚动了?)


注释掉39行area.scrollTop++;可以解决问题
老师的声音很好听,讲的也不错

已采纳回答 / 精慕门7137578
可能对今后的程序来说是废弃了,可是以前的老程序里应该会有,为了能读懂,我们最好也了解一下,我是这么理解的

最新回答 / ALy2013
因为复制克隆一个ul,两个ul的滚动区域是在div内
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消