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

【问题标题】：Navigation to specific section of the page from another page is not working从另一个页面导航到页面的特定部分不起作用
【发布时间】：2020-10-31 22:58:12
【问题描述】：

我是 Web 开发的新手，我正在尝试使用 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 提供此网址（带有目标 anchorId）http://127.0.0.1:8000/#service

这些部分导航到同一页面（我的意思是在登录页面上正常工作（导航））但是当我尝试从另一个页面继续这些部分时（因为我添加了博客页面并希望从这里导航到投资组合的服务部分-landing page）与http://127.0.0.1:8000/#service 这个链接（我认为这是从另一个页面导航锚部分的方式）没有导航到这个特定部分（它只是像普通超链接一样导航到那个主页，但不是指定部分（#服务））。因此，我怎样才能从我的另一个页面转到这些特定部分？我错过了一些js 吗？还是laravel函数？

谁能帮我解决这个问题

【问题讨论】：

目标定义了吗？就像您在您所指的页面中定义了<a name="service" /> 一样吗？
ohhh yess yess，它是这样定义的，
divs 没有帮助。您应该使用锚标记。
是的，我也尝试使用锚标签，但它是相同的，没有导航到该部分:(
复制您的代码似乎对我来说很好。这是它的要点gist.github.com/debargharoy/d5c9706d6c12883aa297dfc601c3ab93

重要