jQuery 移动网页到制定的位
结合jQuery，通过触发一个动作，然后，将网页移动到页面中某一个要素的位置，使其处于可使范围内
参考代码：
<!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>
<title>jQuery控制页面滚动</title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312" />
<script type="text/javascript" src="../Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="ZhongyiData_management_js.js"></script>
<link type="text/css" rel="Stylesheet" href="ZhongyiData_management_css.css" />
</head>
<body>
<div id="DIV_Main">
<div id="ID_DIV_DataGrid"></div>
<div id="ID_DIV_DataUpdata"></div>
</div>
</body>
</html>
CSS
#DIV_Main
{
width: 100%;
height: 100%;
overflow: visible;
}
#ID_DIV_DataGrid
{
background-color: Gray;
width: 100%;
height: 1000px;
}
#ID_DIV_DataUpdata
{
background-color: Blue;
width: 100%;
height: 600px;
}
JAVASCRIPT
$(function () {
var m_body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
$('#ID_DIV_DataGrid').click(function () {
m_body.animate({ scrollTop: $('#ID_DIV_DataUpdata').offset().top }, 100);
});
});
来源：参考网络资料+实践
->每天进步一点点<-
jason
