В моем приложении rails у меня длинная форма с ajax. У меня есть диапазон флеш-сообщений после отправки формы для успеха и ошибки отправки формы. Поскольку это большая форма, поэтому сообщение скрывается, мне нужно вручную прокрутить список до наверх, чтобы увидеть сообщение. Моя форма ниже:
<div class="address-form dropdown-form">
<%= form_for(@user, :url => edit_info_user_path, method: 'POST', remote:true, :html => {:id => "edit-address"}) do |f| %>
<%= hidden_field_tag "section","address-form" %>
<span class="message"></span>
<div class="registerbox">
<fieldset class="address-fieldset">
<legend>Your address:</legend>
<div class="control-group">
<%= f.label :address1, '<span class="red">*</span> Address 1:'.html_safe, :class => "control-label" %>
<div class="controls">
<%= f.text_field :address1, :required => true, :class => "input-xlarge" %>
</div>
</div>
<div class="control-group">
<%= f.label :address2, 'Address 2:'.html_safe, :class => "control-label" %>
<div class="controls">
<%= f.text_field :address2, :required => true, :class => "input-xlarge" %>
</div>
</div>
<div class="control-group">
<%= f.label :city, '<span class="red">*</span> City:'.html_safe, :class => "control-label" %>
<div class="controls">
<%= f.text_field :city, :required => true, :class => "input-xlarge" %>
</div>
</div>
<div class="control-group">
<%= f.label :postcode, '<span class="red">*</span> Post Code:'.html_safe, :class => "control-label" %>
<div class="controls">
<%= f.text_field :postcode, :required => true, :class => "input-xlarge" %>
</div>
</div>
<div class="control-group">
<%= f.label :country, '<span class="red">*</span> Country:'.html_safe, :class => "control-label" %>
<div class="controls">
<%= f.country_select :country, {:priority => %w(BD) }, {class: "span3 min-height-dropdown"} %>
</div>
</div>
<div class="control-group">
<%= f.label :region, '<span class="red">*</span> Region / State:'.html_safe, :class => "control-label" %>
<div class="controls">
<%= render partial: 'users/subregion_select', locals: {parent_region: @user.country || "BD"} %>
</div>
</div>
<%= f.hidden_field :step, :value => 3 %>
</fieldset>
<div id="loading-address"><%= image_tag('/assets/ajax-loader.gif') %></div>
<%= f.submit "Update", :class => "btn btn-success" %>
</div>
<% end %>
</div>
Теперь, я хочу автоматически прокрутить до флэш-сообщения после отправки формы.
Но я не знаю, как выполнить эту функцию с помощью jquery.
Пожалуйста, помогите мне. Спасибо заранее.
добавить в Ajax onSuccess:
$("html, body").animate({ scrollTop: 0 }, "slow");