2011-11-05 78 views
4

有人可以告诉我如何通过使用javascript事件来关注网页的特定部分吗?假设我点击了一个按钮,它会向下滚动或滚动到页面的特定部分。这里是我的残缺码:如何专注于使用JavaScript的网页的特定部分?

<html> 
<head> 
<script type="text/javascript"> 
function focusOnForm() { 
    document.getElementById('form').style.display = ''; 
} 
</script> 
</head> 
<body onload="document.getElementById('form').style.display = 'none';"> 
<div style="height: 900px; width: width: 500px; background-color: #000;"> 
</div> 
<br /> 
<input type="button" value="Add" style="float: right;" onclick="focusOnForm();" /> 
<br /> 
<div id="form"> 
First Name: <input type="text" /> <br /> 
Last Name: <input type="text" /> <br /> 
Address: <input type="text" /> <br /> 
Contact Number: <input type="text" /> <br /> 
Email: <input type="text" /> <br /> 
</div> 
</body> 
</html> 

我真的需要帮助。提前致谢。

回答

2

使用.scrollIntoView()方法:

function focusOnForm() { 
    var form = document.getElementById('form'); 
    form.style.display = ''; 
    form.scrollIntoView(); 
} 

小提琴:http://jsfiddle.net/g8Mqr/

+0

有没有一种方法可以指定位置? – NinjaBoy

+0

是的。可以指定一个可选的参数。如果为true,表单将在顶部对齐。否则(默认),该元素将在底部对齐。 –

+0

非常感谢您的帮助。 – NinjaBoy

相关问题