如何点击一个按钮，定位到指定位置的一个div，不用我拉滚动条到下面看。

我在一个一面上有上中下3个div。点击搜索按钮，画面马上定位到页面下面的搜索输入框。
如何点击一个按钮，定位到指定位置的一个div，不用我拉滚动条到下面看。
div是用绝对定位的

<div id="d" style="BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; Z-INDEX: 104; BACKGROUND: #cccc99; LEFT: 10px; BORDER-LEFT: red 1px solid; WIDTH: 736px; BORDER-BOTTOM: red 1px solid; POSITION: absolute; TOP: 4px; HEIGHT: 152px">

				<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

					<asp:label id="Label16" runat="server">廠ID：</asp:label><FONT face="新細明體">&nbsp;</FONT><asp:textbox id="TextBox1" runat="server"></asp:textbox>&nbsp;&nbsp;&nbsp;

				</P>

				<P><FONT face="新細明體">&nbsp;&nbsp;&nbsp;&nbsp; </FONT>

					<asp:label id="Label17" runat="server">倉位：從</asp:label><asp:textbox id="TextBox2" runat="server"></asp:textbox><asp:label id="Label1" runat="server">到</asp:label><asp:textbox id="TextBox3" runat="server"></asp:textbox><FONT face="新細明體">&nbsp;&nbsp;&nbsp;&nbsp;

					</FONT>

				</P>

				<P><FONT face="新細明體">&nbsp;&nbsp;&nbsp;&nbsp;

						<asp:label id="Label2" runat="server">成品/半成品編號：從</asp:label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT>

					<asp:textbox id="TextBox4" runat="server"></asp:textbox><asp:label id="Label3" runat="server">到</asp:label><asp:textbox id="TextBox5" runat="server"></asp:textbox><FONT face="新細明體">&nbsp;&nbsp;&nbsp;

					</FONT>

				</P>

				<FONT face="新細明體">

					<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

						<asp:label id="Label5" runat="server">模具編號：從</asp:label><asp:textbox id="TextBox6" runat="server"></asp:textbox><asp:label id="Label4" runat="server">到</asp:label><asp:textbox id="TextBox7" runat="server"></asp:textbox>&nbsp;&nbsp;&nbsp;</P>

					<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

						<asp:label id="Label6" runat="server">需求日期：從</asp:label><asp:textbox id="TextBox8" runat="server"></asp:textbox><asp:label id="Label7" runat="server">到</asp:label><asp:textbox id="TextBox9" runat="server"></asp:textbox>

					&nbsp;&nbsp;&nbsp;</FONT><asp:button id="searchall" runat="server" Width="86px" Text="多條件查詢"></asp:button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

				<asp:button id="Button2" runat="server" Text="返回"></asp:button></P></div>

10 个解决方案

#1

将按钮的click事件定位到要点击的div上不就可以达到目的了吗？

#2

命名锚记不就可以吗?
<a href="#a">asd</a> <a name="a" id="a"></a><div>123</div>

#3

期待高手出現。。。

#4

$("#divid").foucs();

#5

c#怎樣實現

#6

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function showSearch(){

	var oDiv=document.getElementById("div6");

	oDiv.scrollIntoView();

}

</script>

</head>

<body>

<input type="button" value="Search" onclick="showSearch()"/>

<div id="div1" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">1</div>

<div id="div2" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">2</div>

<div id="div3" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">3</div>

<div id="div4" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">4</div>

<div id="div5" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">5</div>

<div id="div6" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">Search</div>

<div id="div7" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">7</div>


<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</body>

</html>

#7

多谢

#8

6楼的牛，竟然有这个scrollIntoView，不知兼容性通用性如何，一般我们都是用锚#，其它元素还可以用onfocus、select等类似的达到接近效果。

#9

锚点最简单方便吧.

#10

记录下你DIV为焦点是滚动条的位置，把按钮的onclick事件加入window.scroll(x,y)(x,y为位置)即可

#1