导航到其他页面上的锚点

用户名

我只想从一个页面导航到另一页面上的特定点

我有一个包含四个部分的主页。

<section>
   <a name="section1"></a>
</section>

<section id="section2">

</section>

<section>
   <a name="section3"></a>
</section>

<section id="section4">

</section>

每个页面上的第2节和第4节都有特色,因此我的导航看起来像:

<nav>
      <ul>
        <li><a href="index.html#section1">ABOUT</a></li>
        <li><a href="#section2">APARTMENTS</a></li>
        <li><a href="index.html#section3">LANDLORDS</a></li>
        <li><a href="#section4">CONTACT</a></li>
      </ul>
</nav>

链接无法导航到索引页面或索引页面的所需部分。

提前致谢。

我现在有

<section>
       <a name="section1"></a>
    </section>

    <section id="section2">

    </section>

    <section>
       <a name="section3"></a>
    </section>

    <section id="section4">

    </section>

和我的导航:

<nav>
      <ul>
        <li><a href="#section1">ABOUT</a></li>
        <li><a href="#section2">APARTMENTS</a></li>
        <li><a href="#section3">LANDLORDS</a></li>
        <li><a href="#section4">CONTACT</a></li>
      </ul>
</nav>

它仍然无法正常工作

亚罗南

您确定已将文件放在同一目录中吗?我已经测试了您提供的代码,并且可以正常工作。但是,您可以尝试一下(给节指定ID的另一种方式):

<section>
    <a id="section1">
        CONTENT
    </a>
</section>

如果这样做,则只需使用相同的链接方式即可:

<a href="different-page.html#section1">Section One</a>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将图片放在相对于锚点的其他页面上

来自分类Dev

滚动页面中其他div锚点时如何更改导航文本颜色

来自分类Dev

重写规则以指向页面上的锚点(在其他重写规则的上下文中)

来自分类Dev

Flutter:无法导航到其他页面

来自分类Dev

jQuery:将onClick绑定到所有指向其他具有target = _self的页面的锚点

来自分类Dev

滚动页面到锚点

来自分类Dev

将页面上的动作单击事件重定向到页面的锚点

来自分类Dev

如果在使用document.write创建的页面上单击锚点,则Firefox的行为与其他浏览器不同。有解决方法吗?

来自分类Dev

约束到 UINavigationController 导航栏锚点

来自分类Dev

在Mono Android中将图像从页面导航到其他

来自分类Dev

用于链接/导航到其他JSF页面的URL

来自分类Dev

成功登录后导航到其他页面

来自分类Dev

在Mono Android中将图像从页面导航到其他

来自分类Dev

wx-wxWebView不导航到其他页面

来自分类Dev

Angular 2登录时导航到其他页面

来自分类Dev

无需按钮即可导航到其他html页面。

来自分类Dev

导航到其他页面时发出 SIGABRT 信号

来自分类Dev

使用JavaScript而不是常规锚点移动到我网站中的其他页面

来自分类Dev

链接到Laravel页面上的特定锚点

来自分类Dev

链接到Rails App中页面上的锚点

来自分类Dev

jQuery滚动到锚点页面上的位置

来自分类Dev

链接到不同页面上的锚点和scroolTo使用JQuery锚点

来自分类Dev

如何使用CupertinoTabBar导航到其他选项卡上的其他页面?

来自分类Dev

底部的导航链接未显示在其他页面上,只是第一页

来自分类Dev

使用AngularJS在应用加载时将用户导航到登录页面或其他页面

来自分类Dev

导航到其他页面时,将值保留在页面中

来自分类Dev

Wordpress其他页面上的特定徽标

来自分类Dev

在其他页面上观看 rootscope

来自分类Dev

通过平滑滚动重定向到其他页面上的div?

Related 相关文章

  1. 1

    将图片放在相对于锚点的其他页面上

  2. 2

    滚动页面中其他div锚点时如何更改导航文本颜色

  3. 3

    重写规则以指向页面上的锚点(在其他重写规则的上下文中)

  4. 4

    Flutter:无法导航到其他页面

  5. 5

    jQuery:将onClick绑定到所有指向其他具有target = _self的页面的锚点

  6. 6

    滚动页面到锚点

  7. 7

    将页面上的动作单击事件重定向到页面的锚点

  8. 8

    如果在使用document.write创建的页面上单击锚点,则Firefox的行为与其他浏览器不同。有解决方法吗?

  9. 9

    约束到 UINavigationController 导航栏锚点

  10. 10

    在Mono Android中将图像从页面导航到其他

  11. 11

    用于链接/导航到其他JSF页面的URL

  12. 12

    成功登录后导航到其他页面

  13. 13

    在Mono Android中将图像从页面导航到其他

  14. 14

    wx-wxWebView不导航到其他页面

  15. 15

    Angular 2登录时导航到其他页面

  16. 16

    无需按钮即可导航到其他html页面。

  17. 17

    导航到其他页面时发出 SIGABRT 信号

  18. 18

    使用JavaScript而不是常规锚点移动到我网站中的其他页面

  19. 19

    链接到Laravel页面上的特定锚点

  20. 20

    链接到Rails App中页面上的锚点

  21. 21

    jQuery滚动到锚点页面上的位置

  22. 22

    链接到不同页面上的锚点和scroolTo使用JQuery锚点

  23. 23

    如何使用CupertinoTabBar导航到其他选项卡上的其他页面?

  24. 24

    底部的导航链接未显示在其他页面上,只是第一页

  25. 25

    使用AngularJS在应用加载时将用户导航到登录页面或其他页面

  26. 26

    导航到其他页面时,将值保留在页面中

  27. 27

    Wordpress其他页面上的特定徽标

  28. 28

    在其他页面上观看 rootscope

  29. 29

    通过平滑滚动重定向到其他页面上的div?

热门标签

归档