Question

我试图找出如何在我的页面上获取标记，因此当我点击它时，它会跳转到同一页面上的另一个部分。我的节目页面中有一个链接：

<li class="col-xs-4 col-sm-2 nopadding menuitem" style="background:#39AFBF">
     <a href="#stats" class="hvr-sweep-to-bottom">   
       <span>impact</span></a>
  </li>

然后我在同一页面上有一个部分：

  <section class="counter index section parallax-bg"  id="stats" data-background="<%= image_path 'testimonial.jpg' %>">

但是当我保存这个时，我收到的错误是：

Couldn't find Profile with 'id'=stats

同样的问题出现在这个问题上：

<li class="col-xs-4 col-sm-2 nopadding menuitem" style="background:#009CB2">
                     <a href="#feedback" class="hvr-sweep-to-bottom">
                     <span>feedback</span></a>
                  </li>

<section class="section index parallax-bg testimonial" id="feedback" data-background="<%= image_path 'webre.png', :style=>"background-repeat: repeat !important; background-size: inherit !important;" %>">

Answer 1

您正在使用的是锚链接，当点击 anchors 链接时，浏览器应该只是跳转到当前加载页面中的锚点。

但是，在您的情况下，似乎是将/profile/:id设置为:id来调用URI stats。

您确定 href是否已正确设置为#stats，而不仅仅是stats，因为如果将其设置为后者，那么链接将指向/profile/stats（单击此将导致请求被发送到服务器），而不是/profile/SOME_ID#stats（这将不会导致请求;浏览器将跳转到当前页面上的锚点）。后者是应该发生的事情，但事实并非如此。希望这可以帮助。： - ）

链接跳转到同一页面中更下方的位置

1 个答案: