jquery - 如果在同一列div中同时增大一个div和缩小一个div，如何保持垂直位置稳定？

Question

假设我有一列 DIV sibling 。单击 DIV 3 会导致 DIV 1 “取消展开”，而 DIV 3 展开(变长)。如果 DIV 1 和 DIV 3 在展开和未展开时高度大致相同，则通常没问题。但是，如果 DIV 1 和 DIV 3 的高度差异很大，则浏览器视口(viewport)会将鼠标指针从用户刚刚单击的 DIV 3 移开。

我不确定我是否清楚地解释了这一点，但我认为当您展开一个提要项，然后展开该提要项下方的另一个提要项时，Google 阅读器会以某种方式解决这个问题。

问题又是，当周围的 div 大小发生变化时，如何将鼠标指针保持在相对于刚刚单击的 div 的相同位置？

我正在使用 jQuery。

Answer 1

为什么不滚动页面？使用 $("body").scroll() 和 $("div").offset() 将是一个开始。这样，您就可以按照这种方式滚动页面(根据 div 的原始位置)，使光标仍然位于其上。