如何專注於使用JavaScript的網頁的特定部分？

有人可以告訴我如何通過使用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>

我真的需要幫助。提前致謝。

來源

2011-11-05 NinjaBoy

使用.scrollIntoView()方法：

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

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

來源

2011-11-05 18:39:48

有沒有一種方法可以指定位置？ – NinjaBoy

是的。可以指定一個可選的參數。如果爲true，表單將在頂部對齊。否則（默認），該元素將在底部對齊。 –

非常感謝您的幫助。 – NinjaBoy

您可以滾動到一個像素的位置，：

document.body.scrollTop = 2000;

http://jsfiddle.net/ThinkingStiff/A7JMZ/

來源

2011-11-05 18:53:57 ThinkingStiff

如何專注於使用JavaScript的網頁的特定部分？

回答

相關問題