Question

我想提供一个带有超链接的导航栏，链接到同一页面中的另一个部分

但它没有用。

当我浏览导航栏上的服务链接时，网址已从http://localhost:3000更改为http://localhost:3000/#.service

但是浏览器没有将窗口移动到服务部分

这是我的导航栏haml代码

    %li
      %a{href: "#"} Home
    %li
      %a{href: "#.service"} Service

以下是页面的haml源代码

.service
  / Start service
  .container
    %h2.head SERVICE
    %p.para Et harum quidem rerum et expedita distinctio.
    .service-top
      .row
        .col-md-3.col-sm-3
          / Service top item
          .text-center
            .simg
              / Images
              %img.simg-one.animated{alt: "", src: "img/service/12.png"}/
              %img.simg-two.animated{alt: "", src: "img/service/11.png"}/
            / Heading
            %h3 Mail Box

Answer 1

您应该阅读HTML anchor tags

您需要链接到anchor，在您的HTML中定义为name或ID：

%a{href: "#service"}

.service{ id: "service" }

在我研究这个答案的时候，我实际上发现了you shouldn't use name any more，但ID代替了name（HTML5不支持name Not supported in HTML5. Use the id attribute instead. Specifies the name of an anchor）：

{{1}}

同一页面上的href不适用于Rails 4

1 个答案: