javascript - 如何使用 javascript 导航到页面的另一部分？

Question

<div class = "searchMobile  originalSearchBar">
    <form class = "mobileForm" action="#" onsubmit="return false;">
        <div id="searchExpandTrigger"></div>
        <button type="submit" id="clearSearchMobile" onclick="clearSearch('mobile')"><img src = "img/icon/searchClose.png"/></button>
        <input class="originalInput" type="search" name="search" id="keywordMobile" onkeypress="searchKeyPressMobile(event)" style = "margin-left:25px">
        <button type="submit" id="btnSearchMobile" class="originalButtonPosition" onclick="submitMobile(keywordMobile.value)" /><img src="img/icon/searchIcon.png"/></button>
    </form>
</div>

<div id= "searchResult"></div>

我想要的是当用户单击提交按钮(#btnSearchMobile)时让网页滚动到#searchResult div 标签。是否可以使用 Javascript 创建此操作？

Answer 1

如果您不使用 jQuery，您可以使用普通的 javascript:

window.scrollTo(0, document.getElementById('searchResult').offsetTop)