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高度，例如example 01，同时，Div Div必须滚动到窗口顶部，如Example 02。你可以帮忙吗。

我尝试了几种方法但是当div增加高度时，它会滚动到顶层以上。但是当它滚动到窗口的顶层时我需要停止div。

Answer 1

而不是使用锚点来滚动，就像您给出的示例一样，您可以像这样滚动，例如滚动到div的底部：

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

要滚动到div中的某个项目，您可以通过多种方式找到要滚动的位置，这里有一个很好的讨论：

How do I scroll to an element within an overflowed Div?

Scroll Div增加高度

1 个答案: