Javascript 当内容在窗口上方展开时，是否将div保持在窗口顶部？

var-divPos；
$（'div'）。单击（函数（）{
$（this.addClass（'open'）；
$（'div'）.not（this.addClass（'close'）；
divPos=$（this）.offset（）.top；
});
$（“按钮”）。单击（函数（）{
$（'div'）.removeClass（'open-close'）；
$（'html，body'）。设置动画({
滚动顶端：divPos
}, 1000);
})

html，正文{height:100%；padding:0；margin:0；}
div{height:25%；transition:height 1s；}
div.open{高度：400px；}
div.close{height:0；}
div:n类型（1）{背景：红色；}
div:n类型（2）{背景：蓝色；}
div:n类型（3）{背景：绿色；}
第（4）类的第n个div{背景：黄色；}
按钮{页边距底部：100%；}

关闭

如果我正确理解您的问题，我想这就是您的答案。在设置位置动画之前，需要添加此行：

$("html, body").scrollTop(divPos);

这是有效的答案

var-divPos；
$（“div”）。单击（函数（）{
$（此）.addClass（“打开”）；
$（“div”）
.不是（这个）
.addClass（“关闭”）；
divPos=$（this）.offset（）.top；
单击位置=$（此项）；
});
$（“按钮”）。单击（函数（）{
$（“div”）.removeClass（“开-关”）；
$（“html，body”）.scrollpop（divPos）；
$（“html，body”）.animate({
滚动顶端：divPos
},
1000
);
});
html，
身体{
身高：100%；
填充：0；
保证金：0；
}
div{
身高：25%；
过渡：高度1s；
}
公开组{
高度：400px；
}
分区关闭{
身高：0；
}
分区：第n个类型（1）{
背景：红色；
}
分区：第n个类型（2）{
背景：蓝色；
}
分区：第n个类型（3）{
背景：绿色；
}
分区：第n个类型（4）{
背景：黄色；
}
钮扣{
利润底部：100%；
}

关闭
什么作用

当窗口上方的div正在扩展时，如何让窗口滚动位置将先前打开的div保持在屏幕顶部？mean？？？@Saeed.Ataee在示例中-单击黄色div。它将扩展。现在单击关闭按钮。它恢复正常，然后将黄色div滚动到窗口顶部。我需要那个黄色的div在所有东西调整大小时保持在窗口的顶部。不，对不起。在整个关闭动画中，div的顶部需要位于窗口的顶部。问题是关闭时重新打开黄色div？哪个从0%到25%开始@用户500665是。我需要

$（“html，body”）.scrollTop（divPos）在转换期间持续运行。问题只是黄色div，不是吗@USER500665它是除最上面一个之外的所有div，因为它的顶部总是相同的。我在问题中提到的反弹效果越差，div在堆栈中越低。