首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

framset 框架通体滚动条实现? 老大,帮忙

2012-08-13 
framset 框架整体滚动条实现?老大,帮忙!我现在做了一个framset框架的页面!代码如下:framesetborder0fr

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> 

热点排行