将滚动到所选项目的顶部

Question

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

我的代码是：

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

任何的想法？

Answer 1

像这样遍历到parent元素：

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

我在类似的情况下使用了它：无法直接在scrollTop ... 行中遍历，因此我使用了一个变量来选择父级并将此变量放入scrollTop行中。