html - 滚动时如何加载更多表格行？

Question

我的猜测是我必须在我的 .rb 文件中添加一个 'post do' 语句，尽管我还是 Sinatra 的新手并且不熟悉浏览器滚动到页面底部后如何加载更多内容。

这是我的 .rb 文件的示例：

get '/' do
  @arr = []
  (1..1000).each{ |x| @arr << x }
  erb :test
end

这是我的 .erb 文件的示例：

<table>

  <thead>
    <tr><td>Number</td></th>
  </thead>

  <tbody>
  <% @arr.each do |number| %>
    <tr><td><%= number %></td></tr>
  <% end %>
  </tbody>

</table>

当然，我不希望加载所有 1,000 行。相反，最好只加载前 10 个，然后当用户滚动到底部时再加载下 10 个，依此类推。

有谁知道我如何为 Sinatra 学习这个？

Answer 1

我不知道 Sinatra，但您可以嵌入触发滚动事件的 Javascript 函数。

Javascript onscroll 事件帮助