javascript - 如何使用 JavaScript 专注于网页的特定部分?

标签 javascript html dom-events

有人能告诉我如何使用 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>

我真的需要帮助。

最佳答案

使用 .scrollIntoView() 方法:

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

fiddle :http://jsfiddle.net/g8Mqr/

关于javascript - 如何使用 JavaScript 专注于网页的特定部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8022348/

相关文章:

javascript - 如果处理为 'target',DOM 事件没有 'Object' 属性 - Atom 说

javascript - AngularJS:组件中的相互依赖

javascript - Jquery - 多次点击导致问题

javascript - 如何使用 jQuery 通过 Id 找到一个特定的祖 parent 并通过某个类获取其特定 child 的值(value)

javascript - 在 d3 js 中切割底部圆弧的矩形

javascript - IE9 事件是否完全符合 DOM Level 2 标准?

javascript - iOS 和 Android 中的任何浏览器是否允许在应用程序(浏览器)处于非 Activity 状态/后台时触发事件?

javascript - 具有动态加载数据的 ExtJS 4.2.0 RowExpander

javascript - 在 Firebase 上部署网站后,脚本不会更改。同样的错误仍然存​​在

HTML5 音频停止功能