在HTML5中指向表结果。 （在同一页面）

Question

在HTML页面中，大约有30个搜索字段。输入输入并单击搜索按钮后，页面将重新加载搜索结果表

如何在加载时指向结果表。目前我必须向下滚动才能看到结果。但期望它应该在视图中显示（自动向下滚动到结果表）

HTML：

<input type="submit" value="Search" id="search" class="btn btn-primary" th:onclick="'javascript:searchActionURL(\'' + @{/searchTables/search} +  '\')'" /> 

<div id="searchResults">
    <div id="resultstab" th:if="!${#lists.isEmpty(resultList)}">
         // Table
    </div>
</div>

Answer 1

浏览器将通过添加#和该元素的ID自动滚动到任何元素。由于您的表具有ID（或者它位于div内且ID为＃34; resultstab＆＃34;），因此您只需将该ID添加到表单标记中的操作即可。例如：

<form method="..." action="mypage.html#resultstab">

现在提交表单时，浏览器会自动滚动到页面中#resultstab元素的任何位置。