Html 从另一页导航到该页的特定部分无效

Html 从另一页导航到该页的特定部分无效,html,hyperlink,anchor,Html,Hyperlink,Anchor,我不熟悉web开发,尝试使用laravel构建一个简单的单页组合网站。我有如下不同的部分 <li> <a href="{{ url('/') }}/#service" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><i class=&q

我不熟悉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('/')}/#服务
    提供此url(带有目标anchorId)

    这些部分导航到同一个页面(我的意思是在登录页面上工作(导航)很好),但当我尝试从另一个页面(因为我添加了博客页面,并希望从这里导航到公文包登录页面的服务部分)使用
    http://127.0.0.1:8000/#service
    此链接(我假设是从另一个页面导航锚节的方式)没有导航到此特定部分(它只是像普通超链接一样导航到该主页,而不是指定的部分(#服务)).因此,我如何从另一页转到这些特定部分?我是否缺少一些
    js
    ?或
    laravel
    功能

    有人能帮我吗重要的
    我理解你的问题所在。锚只被页面使用,而不是整个网页。要做你正在做的事情,链接不应该是page.com/#service,而是page.com/page.html#service,因此它会找到正确的页面。 使用page.com/#服务只对页面有效,因为page.com/重定向到page.com/index.html,所以实际上它意味着page.com/index.html#服务


    您可以创建一个id并将其添加到标题中,而不是使用锚定标记,如下所示:

    
    服务
    
    然后将其链接到id:

    
    
    重要信息
    我理解你的问题所在。锚只被页面使用,而不是整个网页。要做你正在做的事情,链接不应该是page.com/#service,而是page.com/page.html#service,因此它会找到正确的页面。 使用page.com/#服务只对页面有效,因为page.com/重定向到page.com/index.html,所以实际上它意味着page.com/index.html#服务


    您可以创建一个id并将其添加到标题中,而不是使用锚定标记,如下所示:

    
    服务
    
    然后将其链接到id:

    
    
    是否定义了目标?例如,在您所指的页面中是否定义了
    ?ohhh yess yess,它是这样定义的,
    div
    s没有帮助。您应该使用锚定标记。是的,我也尝试了锚定标记,但它是相同的,没有导航到该部分:(复制你的代码对我来说似乎很好。这里的要点是定义了目标?比如你在你所指的页面中定义了
    ?ohhh yess yess,它的定义是这样的,
    div
    没有帮助。你应该使用锚定标记。是的,我也尝试了锚定标记,但它是一样的,没有导航到那一个。)(复制你的代码对我来说似乎很好。这里是要点