Question

我有一个包含大量内容的页面，我想在顶部放置一个超链接，将页面滚动到div。这是我的代码：

        <a id = "show" class="show" href="#" onclick="return toggleOptions(this);"><h2>FIRST BUTTON</h2></a>
        <div id="toggleOptions" class="toggleOptions"> // this is div which is somewhere in center of page
        text text text....
        more text text.... 
        text text.........
        </div>

我知道我需要使用JavaScript，类似的东西：

<script type='text/javascript'>
    window.location = "/index.php#myDiv";
</script>

只是不知道如何正确地做到这一点。请帮帮我。

Answer 1

无需javascript，只需执行此操作：

   <a id = "show" class="show" href="#toggleOptions"><h2>FIRST BUTTON</h2></a>
    <div id="toggleOptions" class="toggleOptions"> 
    text text text..
    more text text.. 
    text text.......
    </div>

Answer 2

尝试：

<a href="#idOfDiv">Go to my div</a>

<div id="idOfDiv">...</div>

Answer 3

<a id = "show" class="show" href="#toggleOptions"><h2>BUTTON</h2></a>
    <div id="toggleOptions" class="toggleOptions"> 
    text    
    </div>

Answer 4

无需使用javascript。只需使用标签的href，如下所示：

    <a href="#toggleOptions">

其中#toogleOptions是目标div的ID。

单击链接后，向下滚动到同一页面上的精确div，而不刷新

4 个答案: