滚动条定位控制 - 小山

滚动条定位控制

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

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>

<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>

<%=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>

<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>

<tr>

<td>

<%=writebutton()%>

</div>

</td>

</tr>

</table>