登陆页面上的 Rails 表单导致页面刷新到页面底部答案

【问题标题】：Rails form on landing page cause page refresh to go to bottom of page登陆页面上的 Rails 表单导致页面刷新到页面底部
【发布时间】：2018-03-08 00:40:54
【问题描述】：

我使用部分在我的着陆页底部添加了一个表单

<body id= "page-top" data-spy="scroll" data-target=".navbar-fixed-top">
    <%= render "layouts/header" %>
    <%= render 'product' %> 
    <%= render 'people' %>
    <%= render 'contact' %>

  </body>

<div class="section landing-section">
  <div class= "container">
    <div class="row">
      <div class="col-md-8 ml-auto mr-auto">
        <h2>Keep in touch?</h2>
        <%= render "contacts/form" %> 
      </div>
    </div>
  </div>
</div>

我从我的联系人文件夹中呈现了表单我的联系人表单在下面并添加到我的静态页面控制器中

def home 
@contact = Contact.new 
end

<%= form_for @contact, class: "contact-form"  do |f| %>
  <div class="form-group">
      <%= f.label :name %><br />
      <%= f.text_field :name, autofocus: true, required: true, class: "form-control", placeholder: "name" %>
    </div>
    <div class="form-group">
      <%= f.label :email %><br />
      <%= f.email_field :email, autofocus: true, required:true, class: "form-control", placeholder: "email" %>
    </div>
    <div class="form-group">
      <%= f.label :message %><br />
      <%= f.text_area :message, autofocus: true, rows:4, required:true,  class: "form-control", placeholder: "send us your thoughts and feelings" %>
    </div>
   <div class="btn-group">
        <%= f.submit "Send Message", class: "btn btn-danger btn-lg btn-fill" %>
    </div>
<% end %>

该表单有效，但每次我刷新登录页面或在浏览器中加载它时，页面都会出现在联系表单（页面底部）上

我需要做什么才能使页面正常加载（到页面顶部）

【问题讨论】：

标签： html ruby-on-rails forms pageload

【解决方案1】：

您应该删除所有字段的 autofocus: true。

【讨论】：

嗨@Laurie。你不接受答案吗？为什么会这样？
一定是意外，已修复