重要

Question

我不熟悉Web开发，并尝试使用<div class='gap'>Gap</div> <div class='table'> <div class='table-headers'> <div class='tr'> <div class='th tooltip'> Z <div class='tip-wrapper'> <div class='tip0'> Tip For Column Z is a long tip with enough text to overflow above the page top </div> </div> </div> <div class='th'>Y</div> <div class='th tooltip'> X <div class='tip-wrapper'> <div class='tip1'> Tip For Column Z is a long tip with enough text to overflow above the page top </div> </div> </div> <div class='th'>W</div> <div class='th'>V</div> </div> </div> <div class='table-body'> <div class='tr'> </div> <div class='tr'> <div class='td stick'>A</div> <div class='td'>B</div> <div class='td'>C</div> <div class='td'>D</div> <div class='td'>E</div> </div> <div class='tr'> <div class='td'>F</div> <div class='td'>G</div> <div class='td'>H</div> <div class='td'>I</div> <div class='td'>J</div> </div> <div class='tr'> <div class='td'>F</div> <div class='td'>G</div> <div class='td'>H</div> <div class='td'>I</div> <div class='td'>J</div> </div> <div class='tr'> <div class='td'>F</div> <div class='td'>G</div> <div class='td'>H</div> <div class='td'>I</div> <div class='td'>J</div> </div> <div class='tr'> <div class='td'>F</div> <div class='td'>G</div> <div class='td'>H</div> <div class='td'>I</div> <div class='td'>J</div> </div> <div class='tr'> <div class='td'>F</div> <div class='td'>G</div> <div class='td'>H</div> <div class='td'>I</div> <div class='td'>J</div> </div> </div> </div>建立一个简单的单页投资组合网站。我有下面的各个部分，

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>

并尝试使用锚标记

对于非laravel开发人员-<div class="service-wrapper" id="service" name="service">..</div>给出了这个网址（带有定位的anchorId）http://127.0.0.1:8000/#service

这些部分可以导航到同一页面（我的意思是可以在着陆页上正常工作（导航）），但是当我尝试从另一页面进入这些部分时（因为我添加了博客页面，并希望从此处导航至投资组合的服务部分登陆页面）与{{ url('/') }}/#service的链接（我认为这是从另一页面导航锚部分的方式）未导航到该特定部分（它只是像普通超链接一样导航到该主页，但未导航到指定部分）（＃服务））。因此，如何从另一页转到这些特定部分？我是否缺少一些http://127.0.0.1:8000/#service？或js函数？

有人可以帮我吗

Answer 1

重要

我了解您的问题是什么。锚仅由页面使用，而不由整个网页使用。要执行您的操作，链接不应为page.com/#service，而应为page.com/page.html#service，这样它会找到要访问的正确页面。

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

您可以创建一个ID到标题中，而不是使用锚标签，如下所示：

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

，然后将其链接到ID：

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

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

1 个答案:

重要