社区
CSS
帖子详情
怎样在滚动条移动时,使表的某列不动?
wxling2003
2003-09-09 05:11:27
一个表格有很多列,一屏显示不开,当滚动条移动时,想使最左边的两列不动,就像excel里把某列锁定不动的效果,怎样实现?
...全文
355
10
打赏
收藏
怎样在滚动条移动时,使表的某列不动?
一个表格有很多列,一屏显示不开,当滚动条移动时,想使最左边的两列不动,就像excel里把某列锁定不动的效果,怎样实现?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wxling2003
2003-09-11
打赏
举报
回复
eva
真是个好方法,我已经解决了。谢谢!
给分了!
eva
2003-09-11
打赏
举报
回复
下面这段代码是从别的帖子拷过来的,实现滚动效果比较好
<textarea id=a1 ROWS=5>
00000
11111
22222
33333
44444
55555
66666
77777
88888
99999
</textarea>
<script>var timer</script>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarUp\')',20)" onmouseup="clearInterval(timer)">Up</button>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarDown\')',20)" onmouseup="clearInterval(timer)">Down</button>
参考:http://expert.csdn.net/Expert/topic/2196/2196403.xml?temp=.0328638
eva
2003-09-11
打赏
举报
回复
下面这段代码是从别的帖子拷过来的,实现滚动效果比较好
<textarea id=a1 ROWS=5>
00000
11111
22222
33333
44444
55555
66666
77777
88888
99999
</textarea>
<script>var timer</script>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarUp\')',20)" onmouseup="clearInterval(timer)">Up</button>
<button onmousedown="timer=setInterval('a1.doScroll(\'scrollbarDown\')',20)" onmouseup="clearInterval(timer)">Down</button>
参考:http://expert.csdn.net/Expert/topic/2196/2196403.xml?temp=.0328638
eva
2003-09-11
打赏
举报
回复
假如你的说法可以实现,然后就会出现另一个需求
就是当IE的滚动条拉到最下面的时候有找不到层的滚动条了
所以就会想如果上下左右都有滚动条就好了
呵呵。。。
建议你模拟一个滚动条,或者是控制左右或上下移动的按钮
点击按钮使层滚动条移动,类似的代码如下(这是向下移动):
<input type=button value=click onclick="div1.scrollTop+=50">
然后你可以做几个这样的按钮,至于你的按钮放在什么地方就随你拉
甚至你可以让按钮浮在界面上都行 ^_^
wxling2003
2003-09-11
打赏
举报
回复
eva给了我很好的提示,按同样的方法我做出来了,行和列实际上是一样的,不过我还有个比较麻烦的问题就是,每行的高度不确定,就导致左右行对不齐,不过在画完之后,再用JavaScript把行高再设置一下就可以了。
现在还有个问题是如果行太多,一页显示不开,层的滚动条就在最下边看不到了,想看第一行最右边的列,还要把IE的滚动条拉到最下,然后拉层的滚动条到最右边,再拉IE的滚动条到上边才可以看到。能不能把层的滚动条放到上边,不知道能不能做到?
wxling2003
2003-09-10
打赏
举报
回复
因为表格里的数据是从DB里取得的,并且显示画面上还有一些其他操作,比如翻页等,需要使画面再表示,用框架好像他麻烦了。
使用悬浮层是不是当有文本输入框或下拉列表框是层会跑到后面去了,应该怎么办呢?
sherrywear
2003-09-10
打赏
举报
回复
那是行,列跟行的做法不能一样的
eva
2003-09-10
打赏
举报
回复
刚刚看到的一个帖子,可以参考一下
http://expert.csdn.net/Expert/topic/2210/2210002.xml?temp=.9565699
DFlyingchen
2003-09-09
打赏
举报
回复
利用悬浮的层,用JS固定在相对浏览器边框的位置
tsstudio
2003-09-09
打赏
举报
回复
不可能用单纯的表格属性设置来实现。建议使用左右框架来实现。左边的页面里一个表格(两列),右边的页面有另外一个表格,用来滚动。以为如何
DBGridEh中键滚动事件
DBGridEh让选择的记录不随垂直
滚动条
滚动而
移动
使用Delphi的人都知道,Delphi中的Grid与PB或者其他的Grid有区别,就是在滚动
时
记录指针会跟着改变。能不能做到像PB中的DataWindow一样滚动
时
选定记录不改变呢?
内容不随
滚动条
移动
css,css div不随
滚动条
移动
的实现方法
css div不随
滚动条
移动
的实现方法:首先创建一个示例文件;然后通过给div设置css属性样式为“position:...css设置div不随
滚动条
移动
把一个内容固定到某一个位置 ,相对与浏览器窗口进行定位就可以了。这里使用的是fi...
wps 单元格跳动_WPS表格中如何在滚动鼠标
时
行/列固定
不动
?,这几步你要了解...
下面小编就举例说明如何让电子表格在滚动
时
某行或者
某列
固定
不动
。工具/材料WPS办公软件操作方法01在桌面上双击WPS表格的快捷图标,打开WPS表格这款软件,进入其操作界面,如图所示:02打开软件后,打开一个表格文件...
ElementUI el-table 解决使用固定列出现
滚动条
时
,行列对不齐、
滚动条
被遮挡、表头“样式穿透”问题
ElementUI el-table 解决使用固定列出现
滚动条
时
,行列对不齐、
滚动条
被遮挡、表头“样式穿透”问题
js表格前几列
不动
后几列随
滚动条
移动
css html,固定表格前两列,后面列随
滚动条
移动
...
(function() {var $container = $('.wxcep-table');$container.css({position: 'relative',overflow: 'auto'});$container.find('table').css({borderCollapse: 'collapse',whiteSpace: 'nowrap'})var $head = $cont...
CSS
61,125
社区成员
60,705
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章