摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。
最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是CSS样式编写有错误,代码如下:
通知公告
- 西南交通大学面向海内外公开招聘部分管理岗位的公告(2016年第4号) 2016-09-27
- 关于沱江河停止放水及犀浦校区人工湖水位相关情况的通报2016-09-27
- 关于组织2016年国庆“老年健身走“活动的通知2016-09-27
- 关于举行“交通领域发展现状及干部成长”公开课的通知2016-09-27
应该设置id="notice_list_content"的div宽度和高度,而不是class="notice"的div宽度和高度,调整之后,信息滚动效果成功实现。
完整代码如下:
通知公告
- 西南交通大学面向海内外公开招聘部分管理岗位的公告(2016年第4号) 2016-09-27
- 关于沱江河停止放水及犀浦校区人工湖水位相关情况的通报2016-09-27
- 关于组织2016年国庆“老年健身走“活动的通知2016-09-27
- 关于举行“交通领域发展现状及干部成长”公开课的通知2016-09-27
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50110.html
摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。 最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是CSS样式编写有错误,代码如下: ...
摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。 最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是CSS样式编写有错误,代码如下: ...
摘要:先初始化一下默认样式单行显示,超出隐藏固定公告栏显示区域的高度以下为了单行显示,超出隐藏封装函数使用方法改变列表的值来实现滚动效果知识点回调函数函数执行完之后,要执行的函数。 需求 最近项目中需要实现公告栏滚动显示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解决方案 1、 HTML 先建一个div层作为公告...
摘要:先初始化一下默认样式单行显示,超出隐藏固定公告栏显示区域的高度以下为了单行显示,超出隐藏封装函数使用方法改变列表的值来实现滚动效果知识点回调函数函数执行完之后,要执行的函数。 需求 最近项目中需要实现公告栏滚动显示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解决方案 1、 HTML 先建一个div层作为公告...
阅读 2247·2021-10-08 10:04
阅读 1055·2021-09-03 10:40
阅读 1116·2019-08-30 15:53
阅读 3280·2019-08-30 13:13
阅读 2887·2019-08-30 12:55
阅读 2249·2019-08-29 13:21
阅读 1249·2019-08-26 12:12
阅读 2724·2019-08-26 10:37