javascript - Rails、button_to 和 link_to、远程 : true scrolls page when clicked

Question

所以我在页面底部有一个 div。下面的button_to和link_to代码可以工作，但是当我点击它们时，它会滚动回页面顶部。

关于如何防止这种情况的任何想法，ajax 加载很好，但在进行 ajax 调用时不需要移动屏幕

<%= button_to reports_path, class: 'btn btn-info btn-sm', remote: true do %>
  <i class="fa fa-calendar"></i> By Cumulative</button>
<% end %>

<%= link_to 'My Link', reports_path, remote: true %>

Answer 1

这种类型的行为属于 HTML/JS(而不是 Rails)的范围

典型的情况是您使用旧的 # href 参数，这样当您单击链接时就不会加载任何其他页面，这基本上告诉您的浏览器滚动到页面顶部(像这样):

<%= link_to "test", "#", remote: true %>

由于您使用的是特定链接，我猜测问题是:

1. You're not appending your received data properly
2. You've got an anchor on your page that's being called on click

我首先确保您的链接没有链接到您页面上的任何 anchor 。如果您有这样的引用:#any_anchor，您应该将其更改为其他内容，否则我们将创建一个解决方法。我认为这不会成为问题

其次，我会查看您从 Ajax 调用的数据。您提到了一个图表 - 您如何在页面上处理它？如果您要向页面附加一个大元素，您很可能会得到像您所看到的效果

<小时/>

您能分享您期望返回哪些数据吗？以及您用来处理它的代码？