固定的导航把 表格悬浮的表头挡住。

图片说明
图片说明
图片说明
下面的是表头的css图片说明
设置top:50px 没反应 。.

4个回答

position: fixed是不占位的,也就是说你的导航下面其实是没有高度的,需要在表格前面加导航的高度的div来占位。

qq_31173597
qq_31173597 我是表格的表头 和导航都悬浮 但是导航把表头挡住了
3 年多之前 回复
qq_31173597
qq_31173597 我试试,
3 年多之前 回复
lml_little
小虫信息科技 回复qq_31173597: 你悬浮的不是导航吗?应该是悬浮的后面,不行就都试下呗
3 年多之前 回复
qq_31173597
qq_31173597 回复lml_little: 是在表格前面 还是导航后面 还是悬浮表头的后面 代码太长了 截不全
3 年多之前 回复
lml_little
小虫信息科技 回复qq_31173597: 你要在悬浮的后面加一块哟。
3 年多之前 回复
lml_little
小虫信息科技 回复qq_31173597: 能把代码截出来看看吗?
3 年多之前 回复
qq_31173597
qq_31173597 加了 中间空出一块,但是问题还没有解决 。
3 年多之前 回复

设置表头z-index为99999试试,应该是z-index太低了

qq_31173597
qq_31173597 回复无聊码农: chrome 我用的是datatables 和bootstrap
3 年多之前 回复
showbo
支付宝加好友偷能量挖 回复qq_31173597: 还有用的什么浏览器?IE7- z-index要设置给父容器
3 年多之前 回复
showbo
支付宝加好友偷能量挖 回复qq_31173597: 最好有代码测试看下,一般是z-index的问题多
3 年多之前 回复
qq_31173597
qq_31173597 不行,
3 年多之前 回复

图片说明图片说明图片说明

在悬浮导航后面加个

不可以吗?高为导航高度
lml_little
小虫信息科技 回复qq_31173597: 应该可以才对啊,你弄出来没?放服务器上可以帮你看看
3 年多之前 回复
qq_31173597
qq_31173597 不可以
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
手机网页底部悬浮固定导航
手机网页底部悬浮固定导航1.所含文件:index.html,wap.css,ico.png2.文件说明:index.html文件为演示文件,双击或者在运行环境中浏览器打开即可看到效果
关于固定表头的表格
我想弄个有固定表头的表格,于是我使用以下代码:rn[code=HTML]rnrn rn rn asdasd asdasd asdasdrnrn rn 111 111 111rn 111 111 111rn 111 111 111rn 111 111 111rn 111 111 111rn 111 111 111rn 111 111 111rn 111 111 111rn rnrn rn rnrn[/code]rnrn发现在ff下可以生成滚动条,但是IE却不行。。rn请问怎么解决呢??
表格表头固定后,
我从网上DOWN了表格标题固定的代码,但是有问题rn代码如下:rn rn rn rnrn rn rn オレメサチミ オレカチミ オレネチミ オレヒトチミrn 1111111 2222222 3333333 444444rn dddd 2222222 3333333 444444rn 1111111 2222222 3333333rn rn 1111111 2222222 3333333 444444rn 1111111 2222222 3333333 444444rn 1111111 2222222 3333333 444444rn 1111111 2222222 3333333 444444rn 1111111 2222222 3333333 444444rn rnrnrnrn这段代码可以直接运行rn问题出在第一列,有个控件ddddrn拖动滚动条的时候,表头是固定了,但是这个控件却浮到表头的上方,rn求教解决办法,rn多谢了
前端表格表头固定
 首先,我们先看下我的html代码,我获取json数据的方法没有用框架,直接循环读取的json数据用于前台展示,个人建议不要这样弄,因为特别耗费浏览器性能。如果多刷新几次页面,后台会报,sql语句找不到表或视图。我不知道有没有这方面原因,但是建议不要用。 <div id="xxzl" style="width: 100%;height: 470px;"> <table...
Bsgrid表格表头固定
开发工具与关键技术:Visual studio 2015、c# 作者:吴晓佩 撰写时间:2019年2月3日 数据多、表头数据多的时候我们记不住那么多信息,故我们想到用表头固定的方法来解决这一问题。如下是比较简单的方法,只使用于Bsgrid表格。 写一个extend扩展方法,方法如上图黑色框中的内容,fixedGridHeight:为整个表格的高度,若数据超出此长度将会滚动显示该数据。有时候由于样...
jQuery侧边固定悬浮导航
jQuery侧边固定悬浮导航,在页面侧边的导航栏固定,中间为代码数据区,非常好用
表头、第一列固定的表格
表头和第一列固定的两种方案和详细原代码,里面包含了样式代码
表头固定的表格组件
UI原型 HTML代码 <!-- scroll-table-box开始 --> <div class="scroll-table-box"> <div class="scroll-table-head"> <table class="tb1"> <thead
表格固定表头
使表格表头固定的js 简单使用 demo
固定表格表头
可以在页面滚动时将表头固定在屏幕顶部,这样能使大型的列表能更方便使用
表头固定表格jquery.chromatable
直接上图吧 [img]http://dl.iteye.com/upload/attachment/0081/3686/d43abd77-52d5-3df7-abc5-9660e9100c4a.png[/img]
bootstrap 表格表头固定
效果效果是在pc端和移动端能够使表格的表头固定,并且在顶部,支持缩放时布局不乱。核心技术利用css的position:fixed 属性来脱离文档流,达到表头固定的效果。代码说明都在代码里面,代码也不多这里就不多说了。<html> <head> <title>用户表</title> <!-- jquery库--> <script src="https://cdn.bootcss
固定表格表头的代码
表格固定表头,内容部分添加滚动条,表头部滚动代码
html中表格固定表头
html: &amp;lt;div class=&quot;table_div_wrap&quot;&amp;gt; &amp;lt;div class=&quot;table_thead&quot;&amp;gt; &amp;lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr&am
实现固定表头表格的总结
NULL 博文链接:https://fanjun.iteye.com/blog/588344
实现双向固定表头的表格
实现目标 包含横向表头和纵向表头的表格 在横向滚动轴滚动时,横向表头随之滚动,纵向表头固定不变 在纵向滚动轴滚动时,纵向表头随之滚动,横向表头固定不变 效果图 使用资源 angularjs jquery sublime 实现1.基本结构 由于滚动轴会占据一定位置所以在横向表头和纵向表头计算时需要排除掉滚动条的宽动,如果希望使用插件scrollbar.js。 scrollbar.js是由
Angular4_层级表格,表头固定
看图效果   描述不好,直接上代码: html代码: &amp;lt;div [ngStyle]=&quot;alertRight&quot; class=&quot;bottom-alert topAlter&quot;&amp;gt; &amp;lt;ngb-alert *ngIf=&quot;successMessage&quot; type=&quot;success&quot; (close)=&quot;successMessage = null&quot;&amp;gt;{{
table表头和首列的表格固定-CSS实现的Table表头固定
效果就是上图 表头是固定的, 跟随滑动轴动,左边第一列也是可以跟谁滑动轴滚动 下面是代码原文是查看<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="author" content="jack"> <meta n
vue移动端复杂表格表头,固定表头与固定第一列
前言 最近做移动端的h5项目,要做一个可配置表头的复杂表格,网上找了很久也没什么好方法,结合网上的一些例子,在此做一了一个完整的vue版的例子。 效果 无图无真相,先上最终效果图再说 。 方法一:iscroll 插件版 第一步:npm install 引入 iscroll npm i iscroll --save 第二步:封装 对插件再做一层封装...
jquery 表格表头固定,表格滚动 ------gxy
实现了表头固定,表身滚动: &amp;lt;div id=&quot;scroll_table&quot; class=&quot;col-md-12 bottom_half&quot; &amp;gt; &amp;lt;table width=&quot;100%&quot;&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr&amp;gt;
纯css固定表格表头,表头与表格对齐,非常实用
//控制表格滑动      table tbody {              display:block;              height:450px;              overflow-y:scroll;         }  //固定表头     table thead, tbody tr {              display:table;          ...
悬浮导航
//首先获取导航栏距离浏览器顶部的高度 var top = $('.bukacn_center_main').offset().top; //开始监控滚动栏scroll $(document).scroll(function(){ //获取当前滚动栏scroll的高度并赋值 var scrTop = $(window).scrollTop(); ...
悬浮固定
15858111507qq1243490459//提醒疯狂Java联盟悬浮固定    合&nbsp;计:¥            &nbsp;&nbsp;付&nbsp;&nbsp;款&nbsp;&nbsp;    http://segmentfault.com/search?q=下拉加载&page=2  社区
表头固定
[code=&quot;java&quot;] 这个士大夫阿斯蒂芬沃尔夫 人物名称人物名称人物名称 ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss sssssssssssssssssssssssssssssssssssssssssssssssssssss...
固定表头
  &amp;lt;Script language = &quot;JavaScript&quot;&amp;gt; var tdW; //Scroll function f_scroll(Col_T,Row_T,DivNm){ if(Col_T!=''){ document.getElementById(Col_T).scrollLeft = document.getElemen...
表格表头固定问题,解决即给分
我用JSP做了一报表,宽度及数据都比较大,所以就用了 标签来控制表格左右和上下的滚动,但表格的表头也会跟着一起动,这样,别人查看数据时,数值与表头没法对照(数据往下滚时),不知道能否不让表头上下滚动,但得保证它能横向滚动(栏位太多),请大家帮忙,解决即给分,来者也有分,谢谢!
表格【table标签】固定表头小技巧
近期开发一个小项目,由于项目本身比较小巧,所以也没考虑使用ui框架,项目纯手写html+css+js,由于页面的表格数据后台没有返回分页数据,导致整个表格集体向上滑动,故产品提出将table表格表头固定的小需求 尝试了很多种方法,thead不能单独脱离出来,否则整个table就瘫痪了,在无意中发现了一个合并表头的小技巧,完美解决当前的这个表头固定的小需求,下面让我们一起看一下展示效果吧: ...
ASP.NET 如何固定表格表头(fixed header)
你在HTML中渲染一张表格(可能是GridView或者Repeater),如果表格的行数太多,你就得向下拖东滚动条,但你一旦向下拖动滚动条,表头的信息就不见了。具体见下图。 向下拖动滚动条后,表头信息消失: 在本文中,我向大家讲解如何固定住表头。网上可以搜索到很多种方法来实现这个功能,但这些方法基本的原理都是一样的。就是利用div,将表头的信息复制到表身之上的一个div中。   1...
表格添加固定表头,js 实现 tableFixedHead.js
/*         * Auther:zhaohailong         * Date: 2017-09-05         */         /*         主要思想:         1>将原有的TABLE中的THEAD元素复制一份放在一个新的DIV(fixedheadwrap)中         2>设置这个fixedheadwrap为绝对位于原来的TABLE
关于一个表头固定表格的问题
如下程序,它是靠左对齐的,如何让他居中rn rnrn rn rn rn rn 标题1 标题2 标题3rn 内容1内容1内容1内容1内容1内容 内容2 内容3222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn 内容1 内容2 内容3rn rnrn rn
Android可固定表头和第一列自定义表格
Android可固定表头和第一列自定义表格,集成简单。 API使用说明: LockTableView mLockTableView=new LockTableView(this,mContentView,mTableDatas); mLockTableView.setLockFristColumn(true) //是否锁定第一列 .setLockFristRow(true) //是否锁定第一行 .setMaxColumnWidth(100) //列最大宽度 .setMinColumnWidth(70) //列最小宽度 .setMinRowHeight(20)//行最小高度 .setMaxRowHeight(60)//行最大高度 .setTextViewSize(16) //单元格字体大小 .setFristRowBackGroudColor(R.color.table_head)//表头背景色 .setTableHeadTextColor(R.color.beijin)//表头字体颜色 .setTableContentTextColor(R.color.border_color)//单元格字体颜色 .setNullableString("N/A") //空值替换值 .setTableViewListener(new LockTableView.OnTableViewListener() { @Override public void onTableViewScrollChange(int x, int y) { Log.e("滚动值","["+x+"]"+"["+y+"]"); } })//设置滚动回调监听 .show(); //显示表格,此方法必须调用 //属性值获取 Log.e("每列最大宽度(dp)",mLockTableView.getColumnMaxWidths().toString()); Log.e("每行最大高度(dp)",mLockTableView.getRowMaxHeights().toString()); Log.e("表格所有的滚动视图",mLockTableView.getScrollViews().toString()); Log.e("表格头部固定视图(锁列)",mLockTableView.getLockHeadView().toString()); Log.e("表格头部固定视图(不锁列)",mLockTableView.getUnLockHeadView().toString());
创建固定表头、表格体滚动的DataGrid
ShowFixedHeader.aspxrnrn<%@ Page Language="vb" EnableViewState="False" AutoEventWireup="false" Codebehind="ShowFixedHeader.aspx.vb"rnInherits="aspxWeb.mengxianhui.com.ShowFixedHeader"%>rnrnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnShowFixedHeader.aspx.vbrnrnImports SystemrnImports System.DatarnImports System.Data.OleDbrnPublic Class ShowFixedHeaderrn Inherits System.Web.UI.Pagern Protected WithEvents Table1 As System.Web.UI.HtmlControls.HtmlTablern Protected WithEvents DataGrid1 As System.Web.UI.WebControls.DataGridrn Protected WithEvents Form1 As System.Web.UI.HtmlControls.HtmlFormrn Protected WithEvents lucky_elove As HtmlControls.HtmlGenericControlrn#Region " Web Form Designer Generated Code "rn 'This call is required by the Web Form Designer.rn Private Sub InitializeComponent()rn End Subrn Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Initrn 'CODEGEN: This method call is required by the Web Form Designerrn 'Do not modify it using the code editor.rn InitializeComponent()rn End Subrn#End Regionrn Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Loadrn lucky_elove.InnerText = "【孟宪会之精彩世界】 - 跨栏表头的实现"rn Table1.Rows(0).Cells(0).InnerText = "【孟宪会之精彩世界】.NET版本之最新文章"rn Table1.Rows(0).Cells(1).InnerText = "文章信息"rn Table1.Rows(1).Cells(0).InnerText = "文章标题"rn Table1.Rows(1).Cells(1).InnerText = "发布时间"rn Table1.Rows(1).Cells(2).InnerText = "所属栏目"rn Table1.Rows(1).Cells(3).InnerText = "点击率"rn Table1.Rows(0).Style.Add("color", "white")rn Table1.Rows(0).Style.Add("font-weight", "bold")rn Table1.Rows(0).Cells(0).Attributes.Add("onclick",_rn "window.open('rn Table1.Rows(0).Cells(0).Style.Add("cursor", "hand")rn Tryrn Dim cnString As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="_rn + Server.MapPath("Test.mdb")rn Dim cn As New OleDbConnection(cnString)rn cn.Open()rn Dim strSQL As String = "SELECT TOP 30 D.Title,D.CreateDate,S.Title as pid,D.HitCount "_rn + "FROM Document D INNER JOIN Subject S ON D.pid = S.id ORDER BY CreateDate DESC"rn Dim cmd As New OleDbCommand(strSQL, cn)rn DataGrid1.DataSource = cmd.ExecuteReaderrn DataGrid1.DataBind()rn cn.Close()rn cn = Nothingrn Catch eOle As OleDbExceptionrn Response.Write("产生错误:" + eOle.Message)rn End Tryrn End Subrn Private Sub DataGrid1_ItemDataBound(ByVal sender As Object, _rn ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemDataBoundrn If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Thenrn If e.Item.Cells(0).Text.Length > 26 Thenrn e.Item.Cells(0).Attributes.Add("Title", e.Item.Cells(0).Text)rn e.Item.Cells(0).Text = e.Item.Cells(0).Text.Substring(0, 26) + "…"rn End Ifrn e.Item.Cells(1).Text = Format(System.Convert.ToDateTime(e.Item.Cells(1).Text),_rn "yyyy年M月d日 h点m分s秒")rn End Ifrn End SubrnEnd Classrn
表格表头固定 内容可以滚动(示例)
表格表头固定 内容可以滚动(示例): 表格表头固定,内容可以滚动,前提是表格在一个div中
请问如何实现固定表格的表头的功能?
请问如何实现固定表格的表头的功能?不是用两个表格实现的那种。
js实现固定表头表列和表格翻页
功能特色: 1. 实现表格的列排序功能(点击表头,切换该列升降序),也可以指定哪一列不排序; 2. 实现当前排序列高亮显示; 3. 实现表格奇偶行不同颜色,即换行变色; 4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要引用的js文件非常小巧,压缩版仅2.5k 8. 使用非常简单,可进行参数配置
Jquery表格添加滚动条插件,固定表头
非常好用,可以给表格添加滚动条,固定表头,支持冻结列,简单实用. 使用方法: $(document).ready(function() { $("#tblReceiptsSalesDay").toSuperTable({ width: "950px", height: "350px", fixedCols:3, headerRows: 2,cssSkin:"sDark"}); }); tblReceiptsSalesDay:需要滚动表格的ID fixedCols:需要固定的列号 headerRows:需要固定的行号 cssSkin:表格的样式。目前有:sDefault,sSky,sOrange,sDark,可以通过修改superTables.css自定义样式
纯css的 表头固定的滚动表格
纯css的 表头固定的滚动表格下载地址:https://github.com/ybx13579/table-scroll-thead-fixed/tree/master1、效果图预览:
表格固定表头,tbody加滚动条
实现表头固定,tbody加上滚动条。有一种解决方法将分为两个表格来做:一部分是thead,一部分是tbody,放thead的表格绝对定位在父元素,放tbody的表格加上滚动条。当需调横向滚动条时,需要表头和tbody一起滚动,这种方法带来很多不便,必须固定td的宽度,让thead的td和tbody的td宽度相同。所以尝试着用js实现。 function scrollHandle (e){ ...
实现表格的固定列和表头的效果
前言 基于表格横向有超多数据的需求,渲染量比较大,使用el-table的固定列功能会出现2~3秒的卡顿,所以自己实现了一个固定头+列的表格效果 脱离element-ui又借鉴element-ui,实现类似el-table的固定列和表头的效果 1-1固定,1-2只支持上下滑动,2-1只支持左右滑动,2-2上下、左右均可滑动 其中下图中1-2和2-1两part的滑动事件应用了el-table的mou...
css控制表格表头固定,rowspan出现问题
本人最近做表格的固定表头时发现,如果表格的表头具有多行,用到rowspan时, rowspan的效果总是被底下的tr遮盖,不知哪位达人遇到过这种情况没, 底下是完整的代码,英雄们试一下,看一下效果,给解决一下rowspan出现的问题。 谢过!!rn[code=HTML]rn rn rn rn rn rn rn rn rn rn rn rn rn qrwewerrn werwerrn werwerrn werwerrn werwerrn werwerrn werwerrn werwerrn werwerrn werwerrn rn rn rewwerrn werewrrn rn rn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rewwerddddddddrn werewrddddddddddrn rewweddddddrrn werddddddddddewrrn rewdddddddddwerrn werdddddddddewrrn reddddddddddwwerrn werddddddewrrn rewdddddddddwerrn werdddddddddddewrrn rewdddddrewrrn rn rn rn rn rn rn rn[/code]
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview