指向HTML5中的表格结果。(同页)

指向HTML5中的表格结果。(同页),html,thymeleaf,Html,Thymeleaf,在HTML页面中,大约有30个搜索字段。输入输入并单击搜索按钮后,页面将重新加载搜索结果表 如何在加载时指向结果表。目前我必须向下滚动才能看到结果。但它应该显示在视图中(自动向下滚动到结果表) HTML: <input type="submit" value="Search" id="search" class="btn btn-primary" th:onclick="'javascript:searchActionURL(\'' + @{/searchTables/search} +

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

//桌子

通过添加
#
和该元素的id,浏览器将自动滚动到任何元素。由于您的表有一个id(或者它位于id为“resultstab”的
div
中),您只需要将该id添加到表单标记中的操作中。例如:

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

现在提交表单时,浏览器将自动滚动到页面中
#resultstab
元素所在的位置