滾動Div隨着增加高度

Question

$(".clickable").each(function(idx, elem) { // register click for slides
    elem = $(elem);
    elem.click(function() {
       scaleClicked(elem); 
    });
});

function scaleClicked(elem) { // slide clicked
     var id = elem.attr("id"),
         num = id.slice(-1),
         postId = "post"+num,
         posts = $(".post");
    posts.each(function(idx, p) {
        if($(p).attr("id") == postId) { 
            scaleUp(p);
        }
        else {
             scaleDown(p);   
        }
    });

}

function scaleUp(item) {
    $(item).animate({height:1000},1000);
}
function scaleDown(item) {
    $(item).animate({height:30},1000);
}

我需要增加單擊時的div高度，例如示例01 ，同時，該Div必須像示例02一樣滾動到窗口頂部。 您能幫上忙嗎？

我嘗試了幾種方法，但當div增加高度時，卻滾動到了頂層以上。 但是當它滾動到窗口的頂層時，我需要停止div。

Answer 1

不用像您給出的示例那樣使用錨滾動，您可以像這樣滾動，例如滾動到div的底部：

$("#mydiv").animate({ scrollTop: $('#mydiv')[0].scrollHeight}, 1000);

要滾動到div中的某個項目，您可以通過多種方式找到要滾動到的位置，這里有一個很好的討論：

如何滾動到溢出的Div中的元素？