怎样在滚动条移动时,使表的某列不动?

wxling2003 2003-09-09 05:11:27
一个表格有很多列,一屏显示不开,当滚动条移动时,想使最左边的两列不动,就像excel里把某列锁定不动的效果,怎样实现?
...全文
351 10 打赏 收藏 转发到动态 举报
写回复
用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
  • 打赏
  • 举报
回复
不可能用单纯的表格属性设置来实现。建议使用左右框架来实现。左边的页面里一个表格(两列),右边的页面有另外一个表格,用来滚动。以为如何

61,125

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧