Как сфокусироваться на определенной части веб-страницы с помощью JavaScript? - PullRequest
Новая
       1

Как сфокусироваться на определенной части веб-страницы с помощью JavaScript?

4 голосов
/ 05 ноября 2011

Может кто-нибудь сказать мне, как сосредоточиться на определенной части веб-страницы, используя события 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 ]

2 голосов
/ 05 ноября 2011

Вы можете перейти к местоположению в пикселях с помощью: 

document.body.scrollTop = 2000;

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

2 голосов
/ 05 ноября 2011

Используйте метод .scrollIntoView(): 

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

Скрипка: http://jsfiddle.net/g8Mqr/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...