数码资讯
jQuery生态实现表头表头滚动带滚动条
最近,一个项目已经实施,该功能已得到执行。突然,用户请求标题浮动,因为内容显示在同一页面上,当它滚动时,它看不到列头。因为该函数已使用纯HTML实现,为了减少变化,它只能使用jQuery原生态滚动。 HTML头代码: 复制代码代码如下所示: 师资力量 科学研究 人员培训 职称结构 学位结构 师生比
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
最近,一个项目已经实施,该功能已得到执行。突然,用户请求标题浮动,因为内容显示在同一页面上,当它滚动时,它看不到列头。因为该函数已使用纯HTML实现,为了减少变化,它只能使用jQuery原生态滚动。
HTML头代码:
复制代码代码如下所示:
师资力量
科学研究
人员培训
职称结构
学位结构
师生比
研究项目
科研成果奖
科研论文
教学单元
大学生人数
研究生人数
员工人数
高级教师人数
中间人员人数
博士生人数
硕士研究生教学人员
本科生教师比例
研究生教师比例
纵向项目
横向项目
国家级科研成果
部级科研成果
省级科研成果
科研成果
校级科研成果
其他科研成果
核心期刊论文
一类有奖期刊论文
两类获奖期刊论文
三种奖励期刊论文
一般期刊论文
国外期刊论文
财务工资
jQuery代码:
复制代码代码如下所示:
$(窗口)。滚动(函数(){)
var头= $()。;获取所有的标题行,3行标题
VaR yy =美元(这)(。scrollTop);滚动条的 / /最大值
如果(YY > 55){
YY = yy-55;
}
无功height1 = YY; / /第一行顶
VaR身高2 =美元(头{ 0 })。Height(+ YY); / /高顶值的第一行的第一行,和滚动条的最大值
无功height3 = $(头{ 0 })(高度)+ $(头{ 1 })Height(+ YY);
$(头{ 0 })。Css({位置):绝对
$(头{ 1 })。Css({位置):绝对
$(头{ 2 })。Css({位置):绝对
{ }查看plaincopy Javascript
$(# hiddentd ),高度($(头{ 0 })。Height(+ $)(头{ 1 })(高度)+ $(头{ 2 })(的高度)); / /头浮台自动对应的浮动头移动,不会的内容,表盖设置空白,床头高度
注意:当使用多行标题,细胞不使用RowSpan属性,否则头会错位。
HTML头代码:
复制代码代码如下所示:
师资力量
科学研究
人员培训
职称结构
学位结构
师生比
研究项目
科研成果奖
科研论文
教学单元
大学生人数
研究生人数
员工人数
高级教师人数
中间人员人数
博士生人数
硕士研究生教学人员
本科生教师比例
研究生教师比例
纵向项目
横向项目
国家级科研成果
部级科研成果
省级科研成果
科研成果
校级科研成果
其他科研成果
核心期刊论文
一类有奖期刊论文
两类获奖期刊论文
三种奖励期刊论文
一般期刊论文
国外期刊论文
财务工资
jQuery代码:
复制代码代码如下所示:
$(窗口)。滚动(函数(){)
var头= $()。;获取所有的标题行,3行标题
VaR yy =美元(这)(。scrollTop);滚动条的 / /最大值
如果(YY > 55){
YY = yy-55;
}
无功height1 = YY; / /第一行顶
VaR身高2 =美元(头{ 0 })。Height(+ YY); / /高顶值的第一行的第一行,和滚动条的最大值
无功height3 = $(头{ 0 })(高度)+ $(头{ 1 })Height(+ YY);
$(头{ 0 })。Css({位置):绝对
$(头{ 1 })。Css({位置):绝对
$(头{ 2 })。Css({位置):绝对
{ }查看plaincopy Javascript
$(# hiddentd ),高度($(头{ 0 })。Height(+ $)(头{ 1 })(高度)+ $(头{ 2 })(的高度)); / /头浮台自动对应的浮动头移动,不会的内容,表盖设置空白,床头高度
注意:当使用多行标题,细胞不使用RowSpan属性,否则头会错位。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。