滚动条定位控制
来源:互联网 发布:淘宝男运动服装 编辑:程序博客网 时间:2024/04/26 20:42
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace Document
{
/**//// <summary>
/// Summary description for WebForm5.
/// </summary>
public class WebForm5 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.WebControls.TextBox pos;
Web Form Designer generated code#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
InitializeComponent();
base.OnInit(e);
}
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void Page_Load(object sender, System.EventArgs e)
{
}
protected string writebutton()
{
string script="";
script="<table>";
for(int m=0;m<100;m++)
{
script+="<tr><td>";
script+=m;
script+="</td></tr>";
}
script+="</table>";
return script;
}
}
}
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace Document
{
/**//// <summary>
/// Summary description for WebForm5.
/// </summary>
public class WebForm5 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.WebControls.TextBox pos;
Web Form Designer generated code#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
InitializeComponent();
base.OnInit(e);
}
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void Page_Load(object sender, System.EventArgs e)
{
}
protected string writebutton()
{
string script="";
script="<table>";
for(int m=0;m<100;m++)
{
script+="<tr><td>";
script+=m;
script+="</td></tr>";
}
script+="</table>";
return script;
}
}
}
1.窗体自身滚动条定位控制
<HTML>
<HEAD>
<title>窗体自身滚动条定位控制</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<SCRIPT type="text/javascript"><!--
function onscrollform()
{
document.all["pos"].value = document.body.scrollTop;
}
function formOnload()
{
OnloadForScroll();
}
function OnloadForScroll()
{
var spos = document.all["pos"].value;
window.scrollTo( 0, spos );
}
--></SCRIPT>
</HEAD>
<BODY onscroll="onscrollform();" onload="formOnload();" scroll="yes" ms_positioning="GridLayout">
<form id="Form1" method="post" runat="server">
<%=writebutton()%>
<asp:textbox id="pos" style="DISPLAY: none" Runat="server"></asp:textbox>
<asp:Button id="Button2" style="Z-INDEX: 102; LEFT: 336px; POSITION: absolute; TOP: 520px" runat="server"
Text="可以将页面缩小,把滚动条往下拉看效果"></asp:Button>
</form>
</FORM>
</BODY>
</HTML>
<HEAD>
<title>窗体自身滚动条定位控制</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<SCRIPT type="text/javascript"><!--
function onscrollform()
{
document.all["pos"].value = document.body.scrollTop;
}
function formOnload()
{
OnloadForScroll();
}
function OnloadForScroll()
{
var spos = document.all["pos"].value;
window.scrollTo( 0, spos );
}
--></SCRIPT>
</HEAD>
<BODY onscroll="onscrollform();" onload="formOnload();" scroll="yes" ms_positioning="GridLayout">
<form id="Form1" method="post" runat="server">
<%=writebutton()%>
<asp:textbox id="pos" style="DISPLAY: none" Runat="server"></asp:textbox>
<asp:Button id="Button2" style="Z-INDEX: 102; LEFT: 336px; POSITION: absolute; TOP: 520px" runat="server"
Text="可以将页面缩小,把滚动条往下拉看效果"></asp:Button>
</form>
</FORM>
</BODY>
</HTML>
2.窗体自身滚动条被禁止,而通过div的滚动条来定位控制
<HTML>
<HEAD>
<title>窗体自身滚动条被禁止,而通过div的滚动条来定位控制</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<SCRIPT type="text/javascript"><!--
function scrollDiv()
{
document.all.pos.value = document.all.onlinediv.scrollTop;//onlinediv是一个div
}
function formOnload()
{
OnloadForScroll();
}
function OnloadForScroll()
{
var spos = document.all["pos"].value;
if(! spos)spos=0;
document.all.onlinediv.scrollTop=spos;
}
--></SCRIPT>
</HEAD>
<BODY onscroll="onscrollform();" onload="formOnload();" scroll="no" ms_positioning="GridLayout">
<form id="Form1" method="post" runat="server">
<table width="300">
<tr>
<td>
<div id="onlinediv" style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 560px" onscroll="scrollDiv();">
<%=writebutton()%>
</div>
</td>
</tr>
</table>
<asp:textbox id="pos" style="DISPLAY: none" Runat="server"></asp:textbox>
<asp:Button id="Button2" style="Z-INDEX: 102; LEFT: 336px; POSITION: absolute; TOP: 520px" runat="server"
Text="可以将页面缩小,把滚动条往下拉看效果"></asp:Button>
</form>
</FORM>
</BODY>
</HTML>
<HEAD>
<title>窗体自身滚动条被禁止,而通过div的滚动条来定位控制</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<SCRIPT type="text/javascript"><!--
function scrollDiv()
{
document.all.pos.value = document.all.onlinediv.scrollTop;//onlinediv是一个div
}
function formOnload()
{
OnloadForScroll();
}
function OnloadForScroll()
{
var spos = document.all["pos"].value;
if(! spos)spos=0;
document.all.onlinediv.scrollTop=spos;
}
--></SCRIPT>
</HEAD>
<BODY onscroll="onscrollform();" onload="formOnload();" scroll="no" ms_positioning="GridLayout">
<form id="Form1" method="post" runat="server">
<table width="300">
<tr>
<td>
<div id="onlinediv" style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 560px" onscroll="scrollDiv();">
<%=writebutton()%>
</div>
</td>
</tr>
</table>
<asp:textbox id="pos" style="DISPLAY: none" Runat="server"></asp:textbox>
<asp:Button id="Button2" style="Z-INDEX: 102; LEFT: 336px; POSITION: absolute; TOP: 520px" runat="server"
Text="可以将页面缩小,把滚动条往下拉看效果"></asp:Button>
</form>
</FORM>
</BODY>
</HTML>
- 滚动条定位控制
- 滚动条定位控制
- flex定位滚动条
- javascript滚动条定位
- 滚动条定位
- 解决滚动条定位
- android控制滚动条滚动
- js控制滚动条
- 滚动条样式控制
- webbrowser滚动条控制
- css控制滚动条
- 滚动条控制大全
- div滚动条控制
- js滚动条控制
- 控制滚动条位置
- 网页滚动条定位(vs2005)
- 怎么定位滚动条位置
- 定位滚动条的问题
- 多行文本框限制输入字符长度(两种方法)
- 简单验证码的产生
- Web的桌面提醒(Popup,类似msn,outlook等的信息提示)
- 如何固定table的表头
- 哈哈,开张第一天,我的blog居然值195RMB
- 滚动条定位控制
- 正则表达式
- WordPress 2.0.6 中文版提供下载
- 图片渐变轮换效果
- 资源文件配置和使用
- ASP.NET2.0 TreeView
- 如何将数据库二进制图片保存到硬盘上
- 文件的一些基本操作
- 我看到的三个网站