framset 框架整体滚动条实现? 老大,帮忙!
我现在做了一个framset框架的页面!代码如下:
<frameset border="0" frameSpacing="0" rows="100,*" frameBorder="0">
<frame name="top" src="top.aspx" scrolling="no" noResize height="100%">
<frameset border="0" cols="159,79%">
<frame name="left" marginWidth="0" scrolling="no" marginHeight="0" src="left.aspx" frameBorder="0"
noResize height="100%" width="17%">
<frame name="main" marginWidth="0" bordercolor="white" marginHeight="0" src="main.aspx"
frameBorder="0" height="100%" width="100%">
</frameset>
</frameset>
框架包括一个页头,左边一个框和右边一个主显示框,我现在不想左右两个框有下拉框,而是要整个页面只有一个滚动条,请问怎么实现,网上找了好多,没有一个实现的!那位知道,谢谢了!只有这点分了!
[解决办法]
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<div id="warp">
<!-- 顶部 -->
<div id="top">
<div id="top_left_img"></div>
<div id="top_toolbar" class="toolbarBg">
<div class="left_img"></div>
<div class="menu">
<!-- 头 -->
<a href="javascript:void(0);" onclick="goTo(this);" class="icoBtn_top" rel="p" ><span class="btnIco btnConfig"></span><strong><span class="btnTxt" id="ppp">密码设置</span></strong></a>
<a href="javascript:void(0);" onclick="goTo(this);" class="icoBtn_top" rel="d"><span class="btnIco btnPanel"></span><strong><span class="btnTxt" id="ddd">系统设置</span></strong></a>
<a href="javascript:void(0);" onclick="goTo(this);" class="icoBtn_top" rel="c"><span class="btnIco btnNote"></span><strong><span class="btnTxt" id="ccc">重新登陆</span></strong></a>
</div>
</div>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- 左侧 -->
<td id="left" class="left_border">
<div id="left_toolbar" class="toolbarBg">
<!--左边菜单-->
</div>
</td>
<td id="center"></td>
<!-- 内容 -->
<td id="main" class="main_border">
<iframe src="" id="main_data" name="main_data" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" >
<!-- 显示内容 -->
</iframe>
<div id="footer" class="toolbarBg">版权所有 2007年 xxxxxxxxx 联系方式:xxxx-xxxxxxxx 客服中心电话:xxxx-xxxxxxxx</div>
</td>
</tr>
</table>
</div>
</body>
</html>
[解决办法]
参考一下这个代码
竹子曾经做的,完全实现你的功能
- HTML code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CS/Default.aspx.cs" Inherits="Admin_Default5" %><%@ Register Src="UserCtrls/SignIn.ascx" TagName="SignIn" TagPrefix="uc2" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>CODE STUDIO - Administor's Panel</title> <link href="Style/default.css" type="text/css" rel="stylesheet" /> <script src="JavaScript/js.js" type="text/javascript"></script></head><body style="margin:0px;overflow:auto"> <form id="form1" runat="server" style="padding:0px;margin:0px;"> <asp:MultiView ID="MultiView1" runat="server"> <asp:View ID="View1" runat="server"> <div id="divHeader"> <img src="../images/h50.gif" style="vertical-align:middle;margin-right:10px;" alt="img" /> <span class="CBold"><a href="../default.aspx" target="_blank">CODE STUDIO</a> - Administor's Panel</span> <asp:Button ID="btnSignOut" runat="server" Text="Sign Out" CssClass="CBtnSignOut" OnClick="btnSignOut_Click" /> </div> <table id="tbAdminMain" style="table-layout:fixed;"> <tr><td style="height:50px;width:180px;"></td><td></td></tr> <tr> <td id="tdMenu" style="height:100%"> <iframe src="Actions.aspx?action=menu" scrolling="yes" frameborder="0" id="frmMenu"></iframe> </td> <td id="tdMain"> <iframe src="actions.aspx?action=settings" scrolling="yes" frameborder="0" id="frmMain"></iframe> </td> </tr> </table> </asp:View> <asp:View ID="View2" runat="server"> <uc2:SignIn ID="SignIn1" runat="server" /> </asp:View> </asp:MultiView> </form></body></html>
[解决办法]
可以通过js操作dhtml来实现.
以下一个简单示例:
a.html为主页面.
top.html为头
left.html为左
main.html为主区域
当滚动 main.html的scroll时,left跟着动.
a.html
- HTML code
<html> <head></head><frameset rows="100,*"> <frame name="frmTop" src="top.html" scrolling="no" noResize height="100%"> <frameset border="0" cols="159,79%"> <frame name="frmLeft" marginWidth="0" scrolling="no" marginHeight="0" src="left.html" frameBorder="0" noResize height="100%" width="17%"> <frame name="frmMain" marginWidth="0" bordercolor="white" marginHeight="0" onscroll="alert('dd')" src="main.html" frameBorder="0" height="100%" width="100%"> </frameset> </frameset> </html>