2014-01-08 7 views
0

У меня есть контактная форма в верхней части страницы, первое поле ввода имеет идентификатор «input_1_1». В тексте контента есть ссылка «Связаться с нами», которая должна перейти в начало страницы и выбрать первое поле ввода, код выглядит следующим образом.JavaScript: Получить элемент по ID и прокрутите страницу вверх

<a href="javascript:document.getElementById('input_1_1').focus()">Contact us</a> 

Эта работа отлично в Chrome и свитки до самого верха и выбирает первое поле, в Firefox, однако страница не прокручивается до самого верха, и из-за этого вы можете видеть только первое поле ввода и а не заголовок формы.

Как можно изменить этот код для прокрутки вверху страницы и выбрать первое поле ввода, а не просто выбрать первое поле ввода.

Заранее спасибо
Willem Louw

+1

Можете ли вы поделиться своим полный HTML-код? –

+0

В основном ввод формы выглядит так: '' , а затем ссылка выглядит так: 'Contact us' – Willem

ответ

1

попробовать это

<a href="javascript:scrollWin()">Contact us</a> 

<script> 
function scrollWin() 
{ 
    window.scrollTo(0,0);// set the proper x and y coordinates for your contact form. 
    document.getElementById('input_1_1').focus() 
} 
</script> 
+0

Спасибо, это прекрасно! – Willem

0

Вы можете сделать ярлык вокруг ссылки, как этот

<label for="input_1_1"><a href="#input_1_1">Contact us</a></label> 
Смежные вопросы