带有链接锚点到页面上div部分的按钮 - 无需刷新

Question

我有一个＆＃34;进行调查＆＃34;单击时我想要的按钮将用户带到同一页面的特定部分，用户可以在该部分填写查询表格。

为了完成这个，我创建了这个btton：

<%= button_to 'Make an Enquiry', user_path(user, anchor: :enquirySection), :method => :get, class: "btn btn-lg btn-danger btn-block" %>

然后像这样设置查询部分：

  <div id="enquirySection">
    <%= render "enquiries/form", enquiry: @enquiry %>
  </div>

此按钮的结果是刷新页面和＆＃34;滚动＆＃34;它到enquriySection。但是，我不喜欢页面被刷新的想法。有没有办法避免这种刷新？我应该采用另一种方法来实现这一目标吗？

Answer 1

只需使用带有链接的HTML锚点：

<%= link_to "Make an Enquiry", "#enquirySection" %>

Rails只是呈现标准HTML代码，因此如果您只想滚动到页面的特定部分，您可以使用适用于所有浏览器的相同技术，即使用标识符（通常为id ），然后让浏览器滚动到它

如果您想设置按钮的样式，那么您最好使用CSS。 button_to助手会创建一个表单，但不会为此目的而工作