切换时将div滚动到顶部（关闭或重新打开）

Question

我有一个div：

<div id="divPreObservation" style="overflow:auto;" >
-----------Large amount of text to scroll----------------
</div>

我保留了此div的滚动条以滚动此文字。

我编写了一个切换方法来切换按钮单击按钮（显示和隐藏），如下所示：

function toggledivPreObservation() {

        $('#divPreObservation').toggle();

    }

我的问题是：

如果我将div scoll到底部然后关闭div（通过调用toggledivPreObservation（））， 然后下一次当我重新打开它时，div滚动位于div的底部（即用户看到div底部的文本，然后他必须scoll到顶部阅读）

为此我添加了：

$('#divPreObservation').scrollTop(200);

in toggledivPreObservation（）。

但它不起作用。

可能是什么问题？

Answer 1

我认为您需要等到切换动画结束然后调用scrollTop

$('#divPreObservation').toggle(function() {
   $('#divPreObservation').scrollTop(200);
});

在动画结束之前，样式和位置实际上与您离开的位置不同。