Javascript 将所选项目滚动到顶部

Javascript 将所选项目滚动到顶部,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在一个包含多个元素的ul中,我想滚动条以查看所选项目始终位于顶部。此项将分配所选的类。到目前为止,我已经成功地将该条滚动到该元素的位置,但没有将其滚动到容器的顶部 我的代码是: jQuery(document).ready(function(){ jQuery('#container').animate({ scrollTop: jQuery('li.selected').offset().top }, 2000); }); 有什么想法吗?遍历到父元素,如下所示

在一个包含多个元素的
ul
中,我想滚动条以查看所选项目始终位于顶部。此项将分配所选的
类。到目前为止,我已经成功地将该条滚动到该元素的位置,但没有将其滚动到容器的顶部

我的代码是:

jQuery(document).ready(function(){
    jQuery('#container').animate({
        scrollTop: jQuery('li.selected').offset().top
    }, 2000);
});

有什么想法吗?

遍历到
父元素,如下所示:

jQuery(document).ready(function(){
    var x = jQuery('li.selected').parent();
    jQuery('#container').animate({
        scrollTop: jQuery(x).offset().top
    }, 2000);
});

我在类似的情况下使用了它:不可能直接在
scrollTop
中遍历。。。行,因此我使用了一个变量来选择父对象,并将该变量放入
scrollTop

请张贴复制问题所需的最低代码。加上你的HTMLH这个解决方案对我来说很好。我不得不做一些修改来校准元素的顶部位置,但其他方面都很完美。非常感谢你。