Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 链接按钮到同一页的标题_Javascript_Reactjs_Hyperlink_React Router - Fatal编程技术网

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服务是什么意思。是否希望页面仅滚动到标题?