繁体   English   中英

垂直文本滚动中断页面布局的Javascript

[英]Javascript for vertical text scroll breaking page layout

我的代码可以完美验证并且看起来不错,直到我在3列CSS布局中向最左侧的div区域添加了垂直文本滚动器脚本为止。 添加脚本会导致脚本下方的内容在几种现代浏览器(IE 6.0-7.0-8.0,Opera 8-9-10)中重复出现,包括文本和背景。 Safari和Firefox都可以。

该脚本是JavaScript,您可以通过将以下代码放置在希望滚动条显示在页面上的位置来添加它(在我的情况下是在第三个浮动div中):

<script language="javascript" src="myvsbody.js" type="text/javascript">
            </script>

在body标签中还有一个onload属性:

<body onload="vsscrollstart();">

头部区域中的参数脚本可格式化滚动框:

<script language="javascript" src="myvsparmsg.js" type="text/javascript">

该脚本应该与跨浏览器兼容。

这是在线网页和代码链接:

http://www.jillknobloch.com/new/
../new/main.css
../new/myvsbody.js
../new/myvsparmsg.js

我以为我掌握了一个错误的脚本,所以我尝试了另一个脚本,并且再次出现相同的布局问题! 所以我认为这是我的XHTML / CSS。 同样是因为该脚本在此模板中使用时确实可以在所有浏览器上运行,所以我是从模板世界获得并加载到我的网站上的:

www.jillknobloch.com/test5/

我花了大约48小时在模板世界页面上加注星标,以尝试查找代码和矿之间的差异,但我无法弄清楚文本滚动脚本为何在该页面而不是在矿上工作。

我是Javascipt的新程序员,任何帮助将不胜感激!

谢谢

吉尔·诺布洛奇(Jill Knobloch)

在您提到的有问题的浏览器中,我找不到任何错误,但是HTML验证错误是由脚本标签上的language属性引起的。 不需要。 尝试以下方法:

<script src="myvsbody.js" type="text/javascript"></script>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM