Question

我在页面顶部有一个联系表单，第一个输入字段的ID为“input_1_1”。在内容文本中有一个“联系我们”链接，它应跳转到页面顶部并选择第一个输入字段，代码如下所示。

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

这项功能完美地在Chrome中滚动并滚动到顶部并选择第一个字段，但在Firefox中页面不会向右滚动到顶部，因此您只能看到第一个输入字段而不是表单标题

如何修改此代码以滚动到页面顶部并选择第一个输入字段，而不是仅选择第一个输入字段。

提前致谢
Willem Louw

Answer 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>

Answer 2

您可以像这样

在链接周围做一个标签

<label for="input_1_1"><a href="#input_1_1">Contact us</a></label>

JavaScript：按ID获取元素并滚动到顶部

2 个答案: