解决XHTML标准的浮动层滚动问题

最新推荐文章于 2022-01-12 18:08:21 发布
最新推荐文章于 2022-01-12 18:08:21 发布
阅读量554 收藏
点赞数
分类专栏： javascript

解决网页文件中包含XHTML符合国际W3C标准的文件头，导致CSS文件中的滚动条样式代码和部分js运行不正常的问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这个指定是采用了新的XHTML标准，

在这个标准中:document.body.scrollTop永远返回0，在不包含以上文件头的网页文件中，浮动层还能正常显示，当加入了以上文件头以后，网页中的浮动层就“不能动弹了”，那么需要进行一些改动：

将document.body.scrollTop改用document.documentElement.scrollTop就可以了

scrollLeft等也是一样。


snihcel
关注
专栏目录
在css中定义滚动条样式
faunjoe的专栏
09-17 573
xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案，方法1:代码：html { overflow-y: scroll; } 原理：强制显示ie的垂直滚动条，而
xhtml div+css浮动
★匆匆★的专栏
07-22 421
摘自《网页开发手记》 效果图： xhml代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div的浮动和清除
[DIV+CSS]XHTML下的滚动条问题
cqin的专栏
06-20 393
http://qzone.qq.com/blog/6774275-1206081831
XHTML中有关浮动图标实现的代码
ToTem's BLOG
03-22 1515
不必去除页面最上头的http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">代码一样可以实现浮动广告的效果。   //   var adLeftSrc = ""   var adLeftFlash = ""   var adLeftHref = ""   var adLeftWidth = 80   var adLeftHeight = 8
xhtml+css排版,清理浮动整理汇总
Let's Go!
08-21 465
清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。   我们粗略的一起来看看清除浮动的办法一共有多少个。对应的DEMO 1. 采用伪类:after进行后续空制的高度位零的伪类层清除优点结构语义化完全正确，不会产生其余的怪异问题。 缺点复用方式不当容易造成代码量急
CSS在网页上实现浮动层跟随滚动条特效(兼容IE6)
04-11
CSS 实现浮动层跟随滚动条特效（兼容IE6） 在网页上实现浮动层跟随滚动条特效是非常常见的要求，特别是在网站广告展示时。实现这种特效有多种方法，本节将介绍两种比较成功的实现方法，它们都能完美兼容各大浏览器...
XHTML下,JS浮动代码失效的问题
12-10
这是因为，按照标准来说，我们看到的窗体的滚动条不应该是 body 的，而是 HTML 的（也就是 document.documentElement 对象）所以，解决办法是：把html下不标准的代码“document.body.scrollTop”变换为“document....
不随滚动条滚动而滚动的浮动效果
05-16
不随滚动条滚动而滚动的浮动效果 在网页设计中，实现浮动效果是非常常见的需求之一。浮动效果可以使得网页元素在浏览器窗口中固定不动，或者跟随滚动条的滚动而移动。本篇文章将介绍如何实现不随滚动条滚动而滚动的...
JS实现网页上随滚动条滚动的层效果代码
01-21
这款网页上随滚动条滚动层代码，拖动滚动条即可看到效果，对联广告的代码也都是基于此的，右侧的浮动层同样是可以关闭的稍微加工，便可实现一个浮动广告的代码，运行一下，先看效果吧。 运行效果截图如下： 在线...
js 右侧浮动层（跟随滚动）
乐居猫
08-26 3929
因为项目上有这样的需求，在网上也查了些东西，之前是想找个差不多类似的套用一下。后来发觉没有合适的，因时间紧迫就自己动手写了一个简单的 ，示例代码如下 兼容火狐和IE7+无标题文档
解决xhtmlrenderer flying-saucer-pdf-itext5 生成pdf时html中table分页内容太多挤到第二页问题。
xxbai123456的博客
03-04 2003
使用flying-saucer-pdf-itext5 生成pdf时html中table的行如果太高的话会被挤到第二页展示，导致第一页中空白一大块。 解决办法： 修改org.xhtmlrenderer.render.Box 类的 forcePageBreakBefore 方法。 public int forcePageBreakBefore(LayoutContext c, IdentValue pageBreakValue, boolean pendingPageName) { ...
xhtmlrenderer进行HTML转PDF【解决中文、数字、英文过长自动换行问题】
qq_18836683的博客
08-29 9810
首先，当然是找到能够解析PDF的完美组件，百度和谷歌不约而同的告诉我们。IText是王道。而目前开源的组件中，Itext的确是一个First Choice，如果各位单纯是做把图片转成PDF或者自己写了Velocity或者FreeMarker模板生成了HTML是非常推荐直接用Itext来进行的。 下面就是用Flying Saucer（xhtmlrendere）来实现的代码： loading......
xhtmlrenderer 将html转换成pdf，完美css，带图片，手动分页，解决内容断开的问题
小强快跑~~
01-12 6186
来源：xhtmlrenderer 将html转换成pdf，完美css，带图片，手动分页，解决内容断开的问题 - 煮过的花朵 - 博客园 之前用itext7将html导出为pdf，比较方便，代码较少，而且支持base64的图片。但是itext7是收费的，所以换成了xhtmlrenderer。 xhtmlrenderer自动引入依赖包itext2.0.8，而且不能再引入其他版本的itext，因为itext2.0.8是已经被废弃的，里面的很多方法在新版本已经没有了。 itext导出pdf最重要的4个难点：
java 使用xhtmlrenderer 通过 xhtml 生成pdf过程中的 collapse失效以及空白边问题
Next_bai的博客
03-22 1789
table{ border-collapse: collapse; } 1. 该样会导致生成的pdf边框消失的问题。 可替换成如下样式便可 table{ border-spacing: 0; } 参考：https://stackoverflow.com/questions/10512324/css-to-pdf-the-css-i...
2019年计算机应用基础统考题库 网考计算机应用基础真题7.pdf
10-06
计算机试题试卷课件
MATLAB使用蚁群算法优化的BP神经网络（ACO-BP）进行多变量时间序列预测（包含详细的完整的程序和数据）
最新发布
10-06
内容概要：本文详述了如何利用MATLAB实现蚁群算法优化的BP神经网络(ACO-BP)，并通过实例演示这种优化方法如何应用于带有天气因子影响的发电量多变量时间序列预测任务上。介绍了ACO-BP的基础概念、算法实施过程以及代码实现，并通过计算均方根误差（RMSE）和平均绝对误差（MAE）验证优化模型的有效性和预测精准度。 适用人群：电气工程相关专业的学生，专注于数据分析与预测的专业人士。 使用场景及目标：适用于电力系统发电量预测的需求，尤其是需要考虑到气象参数变化对于发电产能的具体影响的情境下，用于提高模型预测准确性。 其他说明：提供的详细数据和源码有助于深入理解和实作优化BP网络解决多变数预测挑战，提升预测精度，为相关领域的科研工作者提供了一套完整的实验研究路径和理论参考文献清单。
Android大作业-仿知乎日报.zip
10-06
Android大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报.zipAndroid大作业——仿知乎日报
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值