复制代码 代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script>
/**
* @param oTarget 需要加载scroll的dom对象
* @param fnHandler 处理的回调函数
*/
function eventHandler(oTarget, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener("scroll", fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent("onscroll", fnHandler);
} else {
oTarget["onscroll"] = fnHandler;
}
};
function oo(divContentID, divHeaderID) {
var div = document.getElementById(divContentID);
var left = div.scrollLeft;
var divHeader = document.getElementById(divHeaderID);
divHeader.scrollLeft = left;
var disWidth = div.children[0].style.width.replace("px", "")
- div.style.width.replace("px", "");
if (div.scrollLeft >= disWidth) {
divHeader.style.overflowY = 'scroll';
} else {
divHeader.style.overflowY = 'hidden';
}
}
window.onload = function onStartLock() {
var oDiv = document.getElementById("divContentID");
eventHandler(oDiv, function() {
oo("divContentID", "divHeaderID");
});
};
</script>
</head>
<body>
<div id="div1All"
style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px">
<div id="divHeaderID"
style="margin-right: auto; margin-left: auto; overflow: hidden;">
<table border="1" cellspacing="0"
style="BORDER-COLLAPSE: collapse; font-size: 15px"
borderColor="#c1dad7" cellPadding="0" bgcolor="#f5fffa"
width="600px">
<Tr style="background: navy; color: white; height: 30px">
<Th width="100px">Header A</Th>
<Th width="100px">Header B</Th>
<Th width="100px">Header C</Th>
<Th width="100px">Header D</Th>
<Th width="100px">Header E</Th>
<Th width="100px">Header F</Th>
</Tr>
</table>
</div>
<div id="divContentID"
style="position: absolute; left: 0px; top: 30.5px; bottom: 0px; right: 0px; overflow: scroll">
<table border="1" cellspacing="0"
style="BORDER-COLLAPSE: collapse; font-size: 15px"
borderColor="#c1dad7" cellPadding="0" bgcolor="#f5fffa"
width="600px">
<Tr>
<Td width="100px">A</Td>
<Td width="100px">B</Td>
<Td width="100px">C</Td>
<Td width="100px">D</Td>
<Td width="100px">E</Td>
<Td width="100px">F</Td>
</Tr>
<Tr>
<Td width="100px">A</Td>
<Td width="100px">B</Td>
<Td width="100px">C</Td>
<Td width="100px">D</Td>
<Td width="100px">E</Td>
<Td width="100px">F</Td>
</Tr>
<Tr>
<Td width="100px">A</Td>
<Td width="100px">B</Td>
<Td width="100px">C</Td>
<Td width="100px">D</Td>
<Td width="100px">E</Td>
<Td width="100px">F</Td>
</Tr>
<Tr>
<Td width="100px">A</Td>
<Td width="100px">B</Td>
<Td width="100px">C</Td>
<Td width="100px">D</Td>
<Td width="100px">E</Td>
<Td width="100px">F</Td>
</Tr>
<Tr>
<Td width="100px">A</Td>
<Td width="100px">B</Td>
<Td width="100px">C</Td>
<Td width="100px">D</Td>
<Td width="100px">E</Td>
<Td width="100px">F</Td>
</Tr>
</table>
</div>
</div>
</body>
</html>
相关推荐：
如何快速写出高质量的AI文章：从入门到精通
用AI生成文章，让创作更简单高效
为什么越来越多的人选择在知乎发布文章？这里面的机会你可能还没发现！,潍坊关键词排名提升
seo用什么手法，seo方式 ,ai绘画飞翔
SEO手法如何通过精准优化提升网站排名，获取海量流量,网站建设协议流程是什么
SEO占位：如何在竞争激烈的市场中占得先机？,梁平区省心全网营销推广
自动生成文章的AI软件，助力内容创作的未来
怎么用AI生成文章免费版，高效创作从此开始！
什么是seo伪原创，seo就业前景伪原创怎么写 ,头像ai画怎么弄
为什么seo推广那么多，seo推广难吗 ,东莞ai听译平台
SEO关键词利器：如何借助精准关键词提升网站流量与排名,ai绘画客户
ChatGPT403：引领人工智能新时代，颠覆你的工作与生活方式,ai nak
ChatGPT桌面版无法加载？快速解决方案及常见问题解析,ai媚眼
ChatGPTWindows版本下载：让AI助力您的工作和生活,ai yamama
seo用什么写属性写，seo属于什么 ,芭田科学施肥AI
SEO项目：如何通过精确优化提升企业网站排名与转化率,武汉做网站优化的公司
seo要学什么语言，做seo需要什么语言 ,ai martino
seo相当于什么职业，seo相当于什么职业类别 ,usatisfy ai
SEO教研：数字营销新趋势，提升网站流量与转化率的关键,齐鲁证券网站建设
ChatGPT回答是空白的背后，究竟隐藏着什么秘密？,如何用ai写作来赚钱
SEO优化与SEM广告：提升品牌曝光与流量的双重利器,ai接回头
怎么用AI生成一篇文章？高效创作指南全揭秘！
SEO才能：提升网站排名，突破网络营销的核心竞争力,南宁本地seo营销公司
AI智能工具的无限可能：未来已来，你准备好了吗？
SEO大量优化：如何通过精准策略提升网站流量，突破搜索引擎排名瓶颈,吕梁本地网站推广平台
seo适合什么人做，哪种seo做得好 ,晋城ai论文写作免费
为什么选择收录网站是企业在线营销的必备策略,全网营销与推广
文章AI生成标题：让创作更轻松，内容更精彩
seo网络推广要做什么，seo 网络推广 ,ai少女喝药
SEO学堂：开启数字营销新时代，全面提升网站排名与流量,文山ai营销推广方案
Chat启用后ESX连不上？解决方法一网打尽！,为什么AI续写这么离谱
SEO优化：如何让网站更具有吸引力,散文ai写作咒语是什么
ChatGPT登录界面都不显示了？可能是这些原因导致的！,上海小学ai智能课
ChatGPT3.5最新版：智能对话新纪元，带你进入AI的未来世界,ai苔藓生长
SEO做好，企业网站流量翻倍的关键,seo白帽技术有哪些
SEO热词：提升网站排名的关键秘诀,一句话营销推广怎么写好
seo跟sem是什么，seo和sem的概念 ,惠威的ai功能
SEO费用如何根据预算选择最合适的SEO服务,营销类推广网站
什么是seo网站推广，什么是seo网站推广 ,ai酷男人
AI一键生成文章免费版：颠覆写作新体验
AI免费写文章生成器高效写作新革命
用AI优化文章，轻松提升内容质量与创作效率
SEO与SEM策略：提升网站流量与品牌曝光的双剑合璧,ai补图
用AI写文章会不会查重率高？破解写作困扰的真相
好用的AI写作软件免费推荐：创作新境界！
ChatGPT内部HTTP接口文档-为开发者提供高效便捷的AI服务接入方式,安屿ai
ChatGPT连了外网也登不了？如何解决这一问题，重新畅享AI助力！,ai少女大瓜
AI撰写大数据解决方案：开启智能数据时代的新篇章,ai头号公敌
什么是seo在线咨询，什么是seo在线咨询服务 ,unreal ai
求一个AI软件，彻底改变你的工作与生活！
新闻资讯
常见问题