关于scrollbar滚动的问题

darknessun 2003-07-09 10:19:16

我想实现如下的功能，一个页面分左右两个frame，左边frame设置成没有滚动条，右边frame设置成有滚动条。这两个页面在垂直方向均无法完全显示，所以右侧页面出现垂直滚动条，而左侧页面没有。现在拉动右侧页面的垂直滚动条，可以使左侧页面和右侧页面同步的下移。而拉动右侧页面的水平滚动条则什么也不做。
怎么实现这个拉右侧页面滚动条可以使左侧页面同步移动呢？
求教！

...全文

80 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

hillhero789 2003-07-09

打赏
举报

写onscroll事件
有边的frame页面
<body onscroll="parent.leftframe.document.body.scrollTop=document.body.scrollTop">

Naola2001 2003-07-09

打赏
举报

象绕口令似的。迷糊了

JK_10000 2003-07-09

打赏
举报

不知楼主是不是要这一种：
http://jkisjk.vip.sina.com/code/html/fixHeadTr.htm

通常这样的情况，要的效果不是靠frame来实现，而是靠div来实现(用frame|iframe会破坏页面结构)

JK_10000 2003-07-09

打赏
举报

<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td valign=top width=1%>
<div id=the10Div style="height:100;overflow-x:hidden;overflow-y:auto;" onscroll= "the11Div.scrollTop=scrollTop ">
<table id=the10Table width='100%' cellspacing='1' border='0' cellpadding='0' >
<tr height=22 >
<td nowrap bgcolor="#66CCFF" >Thank you!</td>
<td nowrap bgcolor="#66CCFF" >You are welcome!</td>
</tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>

</table>
<br>
</div>
</td>
<td valign=top >

<div id=the11Div style="width:450; height:100;overFlow-x:auto;overflow-y:hidden;" onscroll= "the10Div.scrollTop=scrollTop;">
<table id=the11Table width='100%' cellspacing='1' border='0' cellpadding='0' >
<tr height=22>
<td nowrap bgcolor="#66CCFF" >How are you? How are you?How are you? How are you?How are you? How are you?How are you? How are you? </td>
<td nowrap bgcolor="#66CCFF" >I am fine! I am fine! I am fine! I am fine! </td>
</tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>
<tr height=22><td>a</td><td> </td></tr>

</table>
<br>
</div>
</td>
</tr>
</table>

kinzey 2003-07-09