は自動的に

Question

は私が内部同封のlink_toの使用方法、ボタンがクリックされたとき、私は自動的にクラス名を使用して、リダイレクト時にスクロールしたり、テーブルに集中することができ

のlink_toレールを使用してテーブルの上にスクロールし、私が試したのdiv

<%= link_to employees_path do %> 
    <div>...... 
    </div> 
<% end %> 

<tbody> 
<% @request.each do |s| %> 
<tr data-expanded="true"> 
    <td><%= s.date.strftime('%B %Y') %></td> 
    <td><%= s.name %></td> 
    <td><%= s.created_at %></td> 
    <td><%= s.updated_at %></td> 
</tr> 
<% end %> 
</tbody> 
</table> 

です使用したが、それはテーブルの上に

autofocus: true 

仕事doesntの私もページ

<script> 
$('html,body').animate({scrollTop: document.body.scrollHeight},"fast"); 
</script> 

の一番下に行く、それを模倣しようとしました

私が望むのは、ユーザーがボタンをクリックすると、ユーザーは自動的にテーブルにスクロールされるか、テーブルにフォーカスされますが、ボタンがクリックされたときにのみフォーカスが当てられます。

Answer 1

<div id="scroll-to-table"> 
    <%= link_to employees_path do %> 
     <div>...... 
     </div> 
    <% end %> 
    </div> 


<div id="scroll_to_table"> 
    <tbody> 
    <% @request.each do |s| %> 
    <tr data-expanded="true"> 
     <td><%= s.date.strftime('%B %Y') %></td> 
     <td><%= s.name %></td> 
     <td><%= s.created_at %></td> 
     <td><%= s.updated_at %></td> 
    </tr> 
    <% end %> 
    </tbody> 
    </table> 
</div> 


<script type="text/javascript"> 

    $("#scroll-to-table").click(function() { 
    $('html,body').animate({ 
     scrollTop: $("#scroll_to_table").offset().top}, 
     'slow'); 
    }); 

</script> 

Answer 2

は、それはあなたが何をしようとしては明らかではありませんアンカー

<%= link_to employees_path(anchor: "value") do %> 

<a name = "value"></a>