链接按钮和文本部分

Question

我很困惑如何将导航栏的按钮链接到 HTML 中网站同一页面的某些文本。

Answer 1

Here is a jquery plugin that does just that Scroll To . This can also be done with many other frameworks if you have restrictions.

Answer 2

It's pretty simple, just use href <a href="#target"></a> to scroll, and id <h1 id="target"></h1> as a target:

 #wrapper { background-color: violet; width: 300px; height: 300px; overflow-y: auto; }

 <a href="#target">Scroll</a> <div id="wrapper"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1 id="target">TARGET</h1> </div> <a href="#target">Scroll</a> <div id="wrapper"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1 id="target">TARGET</h1> </div>