html标签overflow属性和javascript实现div标签滚动问题

html标签overflow属性和javascript实现div标签滚动问题

ID:30776691

大小:73.00 KB

页数:6页

时间:2019-01-03

html标签overflow属性和javascript实现div标签滚动问题_第1页
html标签overflow属性和javascript实现div标签滚动问题_第2页
html标签overflow属性和javascript实现div标签滚动问题_第3页
html标签overflow属性和javascript实现div标签滚动问题_第4页
html标签overflow属性和javascript实现div标签滚动问题_第5页
资源描述:

《html标签overflow属性和javascript实现div标签滚动问题》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、html标签overflow属性和javascript实现div标签滚动问题昨天一个刖友说他实现了一•个div循环滚动显示的demo,但是弄到jsp中就不滚动了,而且debug测试div的scrollTop值一*肓为0。拿到他的jsp文件看,javascript代码没有什么问题,问题就是出在html标签overflow属性上,一般,设直滚动显示的div都会设置这个值,如果没有设置这个属性,javascript的循环滚动显示代码就没有效果,而H输岀scrollTop值也一直为0.一般在hunl中直接写cs

2、s,不会出现这个问题。但是很多css都是写在外部的,有时候,很多属性值嵌套,特别是类属性设置,有时候导致需要滚动的div的overflowS性并没有设置成功。这样页面就不会滚动,而且大部分检查bug都是HJ着javascript代码来排错。这样就很容易找不出错谋,并花费了很多时间。javascript中实现循环滚动也比较简单,如果是整个div无缝滚动显示,我是用2个同样的div阶梯显示实现的。

3、h-cn”>测试语句测试语句测试语句测试语句测试语句测试语句测试

4、="5">测试语句测试语句测试语句测试语句测试语句测试语句

5、size="5">测试语句测试语句测试语句测试语句

//获

6、取div标签functiongetobj(element)returndocument・getElementByld(element);}〃声明div标签变量vartoplabel=getobj("label2");varbottomlabel=getobj("label3");〃定义div标签长度常量MAX_HEIGHT=80;MIN_HEIGHT=1;〃声明并初始化变量vart;//计时器varspeed=5;//滚动速度varheight=MAX_HEIGHT;//topdiv长度varbotto

7、mheight=MIN_HEIGHT;//bottomdiv长度bottomlabel.innerHTML=toplabel.innerHTML;//复制top内容到bottom,用來循环滚动显示functionmove()〃当top滚动值scrollTop+offsetHeight等于topdiv的scrollHeight时。topdiv停止滚动,并减少topdiv的style.height值if((toplabe1・scrollTop+toplabe1・offsetHeight)>=toplabel

8、・scrollHeight){toplabe1・style.height二heigh=speed;bottomlabel・style・height二bottomheight+=speed;//减少topheigth并同步增加bottomheight,这样,可以实现无缝滚动。if(height

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。