如何使div元素滚动到页面顶部

Question

假设我有10段文字，并且每段的旁边都有编辑链接。当我点击'编辑'时，段落的内容可以编辑。

所以我

<p id='p1'>data for p1</p> 
<p id='p2'>data for p2</p> 
<p id='p3'>data for p3</p> 
<p id='p4'>data for p4</p> 

如果我在“编辑”单击编辑P3则文本区域会出现在最底层。所以现在我看到了p1的数据，p2的数据以及p3的表单的顶部。 p4的数据不可见，并且低于视口。

在jQuery中有没有办法让编辑表单每次出现在页面的顶部。

我不想使用固定位置或任何东西。该命令应该仍然存在。但是在这种情况下，p1和p2的数据应该在页面上方并且不可见。页面上应该显示p3的表单和p4的数据。

Answer 1

你可以尝试和使用scrollTop找出多远向下滚动页面或更容易的方法将是使用jQuery插件scrollTo。