Html 从另一页导航到该页的特定部分无效
我不熟悉web开发,尝试使用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
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
没有帮助。你应该使用锚定标记。是的,我也尝试了锚定标记,但它是一样的,没有导航到那一个。)(复制你的代码对我来说似乎很好。这里是要点