单击所选容器时，在模态体中滚动并设置div

Question

我在模态中有一个表单，我用选择的jquery格式化我的选择框

当我点击选定的容器

时，我想将div滚动到模态体的顶部

My form is here

当点击所选容器时，我希望通过jquery

进行这种类型的滚动

我试着这样做：

//$(document).on('click','.search-field',function(){
$(document).on('click','.chosen-choices',function(){
    console.log("ok");
    // $(this).animate({scrollTop: $(this).closest('.modal-body').offset().top},'slow');
    // $('body').animate({scrollTop: $(this).closest('.modal-body').offset().top},'slow');
    $('.modal-body').animate({scrollTop: $(this).closest('.modal-body').offset().top},'slow');
    // $(this).closest('.chosen-container').animate({scrollTop: $(this).closest('.modal-body').offset().top},'slow');
    // $(this).scrollTop(0);
});

如果我点击项目经理选择框，那么它应该固定在顶部，如果我点击转包商，那么它应该固定在顶部。

请帮我这样做。