带锚的Link_to不会转到特定的ID

Question

在我网站的页脚中，我有一个菜单，我在其中创建指向其他页面的链接。该菜单的一部分如下所示：

<ul class="footer-menu-content">
  <li><%= link_to 'All games', games_path %></li>
  <% Category.all.each do |category| %>
    <li><%= link_to category.name, games_path(anchor: category.name.downcase.parameterize) %></li>
  <% end %>
</ul>

在games_path引导的页面上，代码如下：

<% @categories.each_with_index do |category, index| %>
    <div id="<%= category.name.downcase.parameterize %>" class="row game-category">
      <div class="col-lg-12 col-md-12 col-sm-12">
        <p class="all-games-category-title"><span style="background: url(<%= category.cat_image %>) no-repeat">
          </span><%= category.name %>
        </p>
     </div>
   </div>
<% end %>

link_to生成HTML，例如：<a href="/games#blackjack">Blackjack</a>，当我点击该链接时，它会将我重定向到http://localhost:3000/games#blackjack，但它不会转到带有id的特定元素blackjack。如果我复制网址并将其粘贴到浏览器中，一切正常。那么，使点击工作有什么不对，可以做些什么呢？感谢。