如何使用jQuery animate（）函数在div中滚动？

我有这个代码片段，将整个身体滚动到特定位置→

$('html, body').animate({ scrollTop: 1000}, 800, 'swing'); 

但是，如果我想滚动到这样的div中的特定位置→

 $('#div-id').animate({ scrollTop: 1000}, 800, 'swing'); 

我试过这种方式，但它不起作用，你能告诉我哪里出错了吗？

注意：元素#div-id有溢出：auto作为其css规则之一。

Answer 1

试试这个演示：

 $('#div').scroll(); $("#div").animate({ scrollTop: 1000 }, 2000); 

 #div { height: 100px; overflow: scroll; width: 200px; border: 2px solid red; } 

    
 dads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads 
    

Answer 2

怎么样这样： –

 function scrollingdiv(parentid, id){ $("#"+parentid).animate({scrollTop: $("#"+id).position().top}, 800, 'swing'); }