javascript - 切换时将div滚动到顶部(关闭或重新打开)

我有一个div：

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

我保留了该div的滚动条来滚动此文本。

我已经编写了一个切换方法，可以在按钮单击（显示和隐藏）时切换div，如下所示：

function toggledivPreObservation() {

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

    }

我的问题是：

如果我将div拖到底部，然后关闭div（通过调用toggledivPreObservation（）），
然后下一次当我重新打开它时div滚动在div的底部（即用户在div的底部看到文本，然后他又不得不回到顶部阅读）

为此，我补充说：

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

在toggledivPreObservation（）中。

但是它不起作用。

可能是什么问题？

最佳答案

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

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

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

关于javascript - 切换时将div滚动到顶部(关闭或重新打开)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25745415/