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

信息滚动效果制作

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

已采纳回答 / 雨析
按上面的列子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写试试 

已采纳回答 / 慕丝4635624
你好,我之前也是这么想的,后来发现DIV为块状元素,例子中css样式中并没有改变其POSITON属性,所以不会重叠,而会在下方出现。

已采纳回答 / 时辰哥
使用scrollLeft的必要条件是第一:此标签的内容宽度超过了标签本身的宽度。这个很容易理解,如果内容没有超过标签的宽度,不需要横向的滚动就可以看到所有横向的范围,那在使用scrollLeft的时...

已采纳回答 / 时辰哥
使用scrollLeft的必要条件是第一:此标签的内容宽度超过了标签本身的宽度。这个很容易理解,如果内容没有超过标签的宽度,不需要横向的滚动就可以看到所有横向的范围,那在使用scrollLeft的时候肯定是无效的了。在这里很多新手经常会犯一个错误,内容的大小确实是超过了标签的显示范围,但是却因为浏览器的默认属性换行了,也就是没有在横向上超出,这时候同样是不能使用scrollLeft的。第二:scrollLeft的值范围是在一定范围内的,不能无限增大。当内容的最右端可以显示的时候,scrollLeft便不能...

已采纳回答 / 奶油面包
我遇到这个问题是因为默认样式没有清除

已采纳回答 / One_Zx
moocBox 的内容是两个ul (con1,con2)  moocBox的scrollTop属性的值就是向上滚动的像素,滚过con1的整个高度(scrollHeight)【此时con2顶着box的顶部】将con1的位置重置,由于 con1和con2内容一样,con1回到了初始位置 看上去就像一直在滚动

已采纳回答 / TWT
<...code...><...code...>HTML onmouseover 事件属性  http://www.w3school.com.cn/tags/event_onmouseover.aspCSS :hover 选择器  http://www.w3school.com.cn/cssref/selector_hover.asp

已采纳回答 / BCS
你看看有没有  cantin 这个ID  要不然就是你HTML代码结构有问题  , 可以去研究下scrollTop的具体用法
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消