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

Question

有人可以通過使用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>

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

Answer 1

使用.scrollIntoView()方法：

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

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

Answer 2

您可以滾動到像素位置：

document.body.scrollTop = 2000;

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

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

問題描述

2 個解決方案

解決方案1
2 已采納 2011-11-05 18:39:48

解決方案2
2 2011-11-05 18:53:57

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

問題描述

2 個解決方案

解決方案1 2 已采納 2011-11-05 18:39:48

解決方案2 2 2011-11-05 18:53:57

解決方案1
2 已采納 2011-11-05 18:39:48

解決方案2
2 2011-11-05 18:53:57