background image
html 标签 overflow 属性和 javascript 实现 div 标签滚动
问题
昨天一个朋友说他实现了一个
div 循环滚动显示的 demo,但是弄到 jsp 中就不滚动了,而
debug 测试 div 的 scrollTop 值一直为 0。
拿到他的
jsp 文件看,javascript 代码没有什么问题,问题就是出在 html 标签 overflow 属
性上,一般,设置滚动显示的
div 都会设置这个值,如果没有设置这个属性,javascript 的
循环滚动显示代码就没有效果,而且输出
scrollTop 值也一直为 0.
一般在
html 中直接写 css,不会出现这个问题。但是很多 css 都是写在外部的,有时候,
很多属性值嵌套,特别是类属性设置,有时候导致需要滚动的
div 的 overflow 属性并没有
设置成功。这样页面就不会滚动,而且大部分检查
bug 都是盯着 javascript 代码来排错。
这样就很容易找不出错误,并花费了很多时间。
javascript 中实现循环滚动也比较简单,如果是整个 div 无缝滚动显示,我是用 2 个同样的
div 阶梯显示实现的。
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">