javascript - 滚动到元素在 中的位置

Question

我有一个 OL 元素列表。在这些元素的 html 中，用户可以单击一个链接，然后将向下滑动一个表单。表单上有一个提交按钮。我希望 OL 滚动到那个按钮。我怎样才能做到这一点？

我尝试了 $('#buttonId').scrollTop(xxxx) 但没有成功。我意识到我需要滚动 OL。 $('ol').scrollTop(xxxx) 移动滚动条。如何获得 xxxx 的适当值，以便列表滚动到所需的按钮元素？ OL 中确实可能有数百个元素。有些东西告诉我它必须是按钮和 OL 顶部之间的像素数。如果那是正确的，那么如何计算呢？非常感谢您提供任何提示或技巧或示例。

<li>
  <article  class="discussion">
   <section class="replies-container">
   <ol class="replies"></ol>
   <form>
     <fieldset class="reply">
    <textarea  placeholder="Type here to reply to this discussion." maxlength="350"></textarea>
    <input type="submit" value="Reply" class="btn action"/> 
         </fieldset>    
       </form>      
</section>              
</article>
 </li>

我想将此 html 片段的父 OL 滚动到提交按钮 $('input.btn.action') 的位置。我该如何实现？

Answer 1

尝试这样的事情:

$("#button").scrollTop($("#elementtoScrollToID").offset().top);

您还可以查看 jQuery ScrollTo Plugin :

$.scrollTo("#element", 800);    

下面是一些演示:
http://demos.flesler.com/jquery/scrollTo/