从另一个页面导航到页面的特定部分不起作用

Question

我是网络开发的新手，正在尝试使用 laravel 构建一个简单的单页组合网站。我有如下各个部分，

    <li>
        <a href="{{ url('/') }}/#service" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><i
                    class="fas fa-briefcase"></i>Services</a>
    </li>

而且我也在我的着陆页中定义了目标，如下所示

<div class="service-wrapper" id="service" name="service">..</div>

并尝试使用锚标签

对于非 laravel 开发者 - {{ url('/') }}/#service 给出了这个 url（有针对性的 anchorId）http://127.0.0.1:8000/#service

这些部分导航到同一页面（我的意思是在登录页面上工作（导航）正常）但是当我尝试从另一个页面继续这些部分时（因为我添加了博客页面并想从这里导航到服务部分投资组合着陆页）与 http://127.0.0.1:8000/#service 这个 link （我认为这是从另一个页面导航锚部分的方式）没有导航到这个特定部分（它只是像正常一样导航到那个主页hyperlink 但不是指定的部分 (#service))。因此我怎样才能从我的另一个页面转到这些特定部分？我错过了一些 js 吗？或 laravel 功能？

谁能帮我解决这个问题

Answer 1

重要

我明白你的问题是什么。锚点仅供页面使用，而不是整个网页使用。要做你正在做的事情，link 不应该是 page.com/#service，而是 page.com/page.html#service，所以它会找到正确的页面去到。

通过 page.com/#service 执行此操作仅适用于页面，因为 page.com/ 重定向到页面。com/index.html，所以它实际上意味着页面。 com/index.html#service.

您可以创建一个 id 来代替使用锚标记，如下所示：

<!-- In page to go to -->
<h1 id="services">Services</h1>

然后link它到id:

<!-- In page with link -->
<a href="page.html#services">Services</a>

从另一个页面导航到页面的特定部分不起作用

Navigation to specific section of the page from another page is not working

html

anchor

hyperlink

重要