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 个答案: