web前端|js教程
表格,header,滚动条
web前端-js教程
最近在做一个项目,功能已经实现,突然用户要求表头是浮动的(因为内容在同一页面展示,当滚动时,看不到列头)。由于功能已经实现使用jquery+纯html,为了改动少只能使用jquery原生态实现滚动。
数据库源码维护,ubuntu密钥怎么设置,怎么配置tomcat的目录,爬虫div框架,php教程视频免费学习,Allen seolzw
html表头代码:
mmsid源码,Ubuntu关机长,菜鸟教程tomcat环境配置,爬虫html结构,php程序员发展路线,宜昌seo关键词优化的技巧lzw
jquery代码:
载车平台源码,vscode打开文件编码,ubuntu系统gcc,Tomcat的中文谐音,sqlite3版本进步,爬虫的基本流程可分为哪四个步骤,多迪php培训,南召seo优化推广公司,模糊背景图片网站,设计工程首页模板下载lzw
$(window).scroll(function(){
var headers = $(".header");//获取所有表头行,当前的是3行表头
var yy = $(this).scrollTop();//滚动条top值
if(yy>55){
yy = yy-55;
}
var height1 = yy;//第一行top值
var height2 = $(headers[0]).height()+yy;//第一行top值,第一行行高与滚动条top值之和
var height3 = $(headers[0]).height()+$(headers[1]).height()+yy;
$(headers[0]).css({"position":"absolute",top:height1+"px"});//浮动行
$(headers[1]).css({"position":"absolute",top:height2+"px"});
$(headers[2]).css({"position":"absolute",top:height3+"px"});
[javascript] view plaincopy
$("#hiddenTd").height($(headers[0]).height()+$(headers[1]).height()+$(headers[2]).height());//由于表头浮动,对应的表内容自动上移,为了浮动表头不会覆盖表内容,设置空行,高度为表头高
注意:多行表头时,单元格不要使用rowspan属性,否则表头会错位。