Javascript 链接按钮到同一页的标题
我试图将按钮链接到同一页面上不同部分的标题,但我不知道如何使用。我可以使用从一个类到另一个类的链接,但如何使用特定单词链接到同一个类。我所做的是Javascript 链接按钮到同一页的标题,javascript,reactjs,hyperlink,react-router,Javascript,Reactjs,Hyperlink,React Router,我试图将按钮链接到同一页面上不同部分的标题,但我不知道如何使用。我可以使用从一个类到另一个类的链接,但如何使用特定单词链接到同一个类。我所做的是 <Button className="sec-btn"> <a href="/ Antsy services"> Get Started</a> </Button> 我想当用户点击开始按钮,然后链接到同一页上的“Antsy服务”标题 <h1 className="heading-1">A
<Button className="sec-btn"> <a href="/ Antsy services"> Get Started</a> </Button>
我想当用户点击开始按钮,然后链接到同一页上的“Antsy服务”标题
<h1 className="heading-1">Antsy services</h1>
Antsy服务
您正在寻找的是锚定链接
如何创建和使用它们:
id=“example”
你正在寻找的是锚链接 如何创建和使用它们:
id=“example”
您需要像这样使用id选择器语法。标题应该有一个id选择器
<h1 id="heading-1">Antsy services</h1>
Antsy服务
然后,您可以链接到页面的以下部分:
<a href="/Antsy services#heading-1"> Get Started</a>
您需要像这样使用id选择器语法。标题应该有一个id选择器
<h1 id="heading-1">Antsy services</h1>
Antsy服务
然后,您可以链接到页面的以下部分:
<a href="/Antsy services#heading-1"> Get Started</a>
我从这个问题中了解到,您有一个href锚标记元素,单击该元素时,您希望向下滚动页面到另一个元素 您可以使用ID作为同一页面上元素之间的链接形式
<h1 className="heading-1">Antsy services</h1>
解决方案
只需将要滚动到的元素指定为ID,然后在锚定标记中,您可以通过href提供指向该元素的链接
你好
这里有一个代码笔,这样更容易看到明显的效果
我从这个问题中了解到,您有一个href锚标记元素,单击该元素时,您希望向下滚动页面到另一个元素 您可以使用ID作为同一页面上元素之间的链接形式
<h1 className="heading-1">Antsy services</h1>
解决方案
只需将要滚动到的元素指定为ID,然后在锚定标记中,您可以通过href提供指向该元素的链接
你好
这里有一个代码笔,这样更容易看到明显的效果
我看到您正试图构建一个包含节的单页站点。为此,您必须对所有要导航到的标题使用ID 试试这个
例子
h1{
高度:100vh;
背景:天蓝色;
}
氢{
高度:100vh;
背景:#C0C0;
}
h3{
高度:100vh;
背景:#a0faf9;
}
主页
服务科
接触段
我看到您正试图构建一个包含节的单页站点。为此,您必须对所有要导航到的标题使用ID
试试这个
例子
h1{
高度:100vh;
背景:天蓝色;
}
氢{
高度:100vh;
背景:#C0C0;
}
h3{
高度:100vh;
背景:#a0faf9;
}
主页
服务科
接触段
是为了将页面设计成一个单页网站吗?这个问题对我来说有点模糊,你所说的链接到Antsy服务是什么意思。你想让页面只滚动到标题吗?是为了将页面设计成单页网站吗?这个问题对我来说有点模糊,你所说的链接到Antsy服务是什么意思。是否希望页面仅滚动到标题?