Jquery 如何在div中设置滚动到段落顶部的动画?

Jquery 如何在div中设置滚动到段落顶部的动画?,jquery,html,css,Jquery,Html,Css,我对jQuery非常陌生,无法使用以下代码。我想设置一个div中某个段落滚动到顶部的动画,但不知为什么动画无法运行 请在此小提琴中查找代码: 这是我目前拥有的代码,它可以。。。但是链接到锚对象,而不是div。请尝试:) 您可以使用特定ID或空锚定标记设置第一个元素。。。然后选择它并使用scrollIntoView 或者,您还有两个其他选择 1) 动画scrollintoview()jQuery插件。 (二) 功能滚动到(元素、位置) { 变量y=元素滚动顶部; y+=(pos-y)*0.3;

我对jQuery非常陌生,无法使用以下代码。我想设置一个div中某个段落滚动到顶部的动画,但不知为什么动画无法运行

请在此小提琴中查找代码:

这是我目前拥有的代码,它可以。。。但是链接到锚对象,而不是div。请尝试:)

您可以使用特定ID或空锚定标记设置第一个元素。。。然后选择它并使用scrollIntoView


或者,您还有两个其他选择

1) 动画scrollintoview()jQuery插件。

(二)

功能滚动到(元素、位置)
{
变量y=元素滚动顶部;
y+=(pos-y)*0.3;
if(数学绝对值(y位置)<2)
{
元素scrollTop=位置;
返回;
}
元素scrollTop=y;
设置超时(滚动至,40,元素,位置);
}
这两种选择都可以在本帖中找到:

$(document).ready(function(){
$('#div1').scroll(function() {    
  var par1toTop = $('#par1').position().top;
  if ($('#div1').scrollTop() >= par1toTop) {
  var par5toTop = $('#par5').position().top;
      if ($('#div2').scrollTop() != par5toTop && par5toTop != 0) {
          //why can't I animate the scrolling here?
          $('#div2').animate({scrollTop(par5toTop)}, 800);
        }
    }
});
}); 
$('#aID').get(0).scrollIntoView();
function Scroll_To(elem, pos)
{
    var y = elem.scrollTop;
    y += (pos - y) * 0.3;
    if (Math.abs(y-pos) < 2)
    {
        elem.scrollTop = pos;
        return;
    }
    elem.scrollTop = y;
    setTimeout(Scroll_To, 40, elem, pos);   
}