使用javascript或jquery将页面焦点移动到单击的元素

我正在尝试添加一个功能，比如在维基百科的顶部有文章的大纲，当我点击它时，它会把我带到同一页面中的点击元素，我尝试过搜索它，但我在解释它时遇到了困难，所以我可以得到准确的搜索，有人能帮我吗。下面是代码，第二个foreach中的$myvalues[1]是div的名称，$cat_name[1]是href属性

<div class="bran-cat">
            <h2>Category</h2>
            <div class="cat-list">
                <?php
                    foreach($cat_arr['cat_pro'] as $cat_name){
                        echo "<a href='#".$cat_name[1]."' class='cat-anchor'>".">".$cat_name[1]."</a> <br>";
                    }
                    //$sel_cat= $wpdb->get_results("SELECT * FROM ");
                ?>
            </div>
</div>
<?php

        foreach($cat_arr['cat_pro'] as $mykey=>$myvalues){
           echo '<div name="'.$myvalues[1].'" class="cat-title" id="'.$myvalues[0].'"><h2>'.$myvalues[1].'</h2></div>';
?>

类别

将

名称

属性添加到锚定标记，然后从另一个锚定标记将href设置为

#名称

例如：

---

您可以拥有如下功能：

<div id="scrollToThisDiv"></div>
<a href="#scrollToThisDiv">GoToTheDiv</a>

您可以使用jQuery为其设置动画，使其具有更平滑的效果。

<div id="top"></div>
<a href="#home">go to home</a>
<div> some other contents
</div>
<div id="home">Home content Home content Home content Home content</div>
<a href="#top">scroll top</a>

其他一些内容
主页内容主页内容主页内容主页内容主页内容

.
.
.
你的东西

---

像上面的

Div

标记一样，将

ID

标记添加到你想去的地方，并使用

锚定

标记指向该特定元素。

@Litestone很高兴知道。我从来没有这样做过（从来没有必要），我只是在谷歌上搜索了“页面内的链接”，并总结了弹出的第一个教程。嗯，代码很好，我只是在锚标记中打印div的名称有困难，我在做echo“”，它没有在hrefan中打印变量值，还有一件事，这里不需要jquery或javascript？

echo”“和否，jquery和javascript都是必需的。这是一个标准的html函数。解决方案不起作用，div有name=“Pizza”，锚点有href=“#Pizza”，但它没有滚动到那个位置，让我来编写我正在尝试的代码。
<div id="top"></div>
<a href="#home">go to home</a>
<div> some other contents
</div>
<div id="home">Home content Home content Home content Home content</div>
<a href="#top">scroll top</a>

<a href="#clickhere">Go to Div</a>
.
.
.
<div id="clickhere">
Your Stuff
</div>