Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.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 可以滚动到相对定位的元素的html锚吗?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 可以滚动到相对定位的元素的html锚吗?

Javascript 可以滚动到相对定位的元素的html锚吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这个HTML: <li name="services"> <h1>Services</h1> <p>text</p> </li> <li name="about"> <h1>About</h1> <p>text</p>

我有这个HTML:

        <li name="services">
            <h1>Services</h1>
            <p>text</p>
        </li>
        <li name="about">
            <h1>About</h1>
            <p>text</p>
        </li>
        <li name="portfolio">
            <h1>Portfolio</h1>
            <p>text</p>
        </li>
        <li name="team">
            <h1>Team</h1>
            <p>text</p>
        </li>
        <li name="process">
            <h1>Process</h1>
            <p>text</p>
        </li>
        <li name="packages">
            <h1>Packages</h1>
            <p>text</p>
        </li>
    </div>
  • 服务 正文

  • 关于 正文

  • 文件夹 正文

  • 团队 正文

  • 过程 正文

  • 包装 正文

  • 此HTML在页面上的位置相对较低。当我试图将页面指向“服务”时,它完全没有任何作用。它只是再次加载页面。我假设问题在于它们的位置相对较低。有什么办法可以让这一切顺利进行吗

    当我试图将页面指向“服务”时,它完全没有任何作用。它只是再次加载页面

    我认为相对定位不是问题。片段标识符(散列)将您带到一个元素,该元素的
    id
    值与散列匹配,或者
    a name=
    元素的
    name
    值与标记相等(请注意,这是一个锚点,
    a
    标记,而不仅仅是任何标记)。您的
    li
    标记与这两个条件都不匹配。(事实上,我认为不允许有
    name
    属性。)

    如果此结构在页面上是唯一的,请尝试更改

    <li name="services">
    
  • 多年来,这一直是一个保密的秘密(我当然多年来都不知道),但事实确实如此

    当我试图将页面指向“服务”时,它完全没有任何作用。它只是再次加载页面

    我认为相对定位不是问题。片段标识符(散列)将您带到一个元素,该元素的
    id
    值与散列匹配,或者
    a name=
    元素的
    name
    值与标记相等(请注意,这是一个锚点,
    a
    标记,而不仅仅是任何标记)。您的
    li
    标记与这两个条件都不匹配。(事实上,我认为不允许有
    name
    属性。)

    如果此结构在页面上是唯一的,请尝试更改

    <li name="services">
    

  • 多年来,这一直是一个保密的秘密(多年来我当然不知道),但事实确实如此。

    你需要使用一个锚
    标签:

    <a name="services"></a>
    

    您需要使用锚定
    标记:

    <a name="services"></a>
    

    您应该创建一个带有
    名称
    元素的
    a
    标记-您不能只将
    名称
    附加到任何标记上

    <li><a name="packages"></a>
        <h1>Packages</h1>
        <p>text</p>
    </li>
    
  • 包装 正文


  • 您应该创建一个带有
    名称
    元素的
    a
    标记-您不能只将
    名称
    附加到任何标记上

    <li><a name="packages"></a>
        <h1>Packages</h1>
        <p>text</p>
    </li>
    
  • 包装 正文


  • ah。。。好的,谢谢,我还以为是名字值不是id,谢谢!啊。。。好的,谢谢,我还以为是名字值不是id,谢谢!是的……1997年左右说真的,浏览器通过
    id
    和片段标识符(散列)来定位元素这一事实似乎是一个非常保密的秘密,然而,即使是IE6也做到了这一点。这将在HTML4.01规范中使用。(我当时也没有意识到。)是的……1997年左右说真的,浏览器通过
    id
    和片段标识符(散列)来定位元素这一事实似乎是一个非常保密的秘密,然而,即使是IE6也做到了这一点。这将在HTML4.01规范中使用。(我当时也没有意识到。)