在当前查看元素上方插入新部分时保持scrollTop（无毛刺）
这里有一个真正的JQuery UI天才：我们有一个非常长的forms，按需加载部分（例如，当点击索引/导航时，或当我们在当前部分的边缘滚动时）。
当我在当前查看的部分下面加载部分时，这不会影响当前滚动（即scrollTop）位置，但是当我在当前查看部分上方插入新部分时，它当然会将查看的内容向下推。
我们需要保持相对于当前部分的scrollTop位置。 我们还需要在进行调整时避免显示跳跃/毛刺。
我们正在考虑的选项：
- 加载内容并按加载项的高度调整scrollTop位置（这可能会因为DOM更改可能比scrollTop调整慢得多而出现故障）。
- 在屏幕外加载新部分，测量高度。 然后插入该部分并按该量调整scrollTop（由于DOM更新，可能仍然是故障）。
- 将要加载的部分设置为较大的固定高度（例如100/1000像素）并调整scrollTop以匹配，以便当前视图不会移动。 将内容加载到该部分，然后测量实际的新内容高度并移除固定高度，同时调整scrollTop以匹配实际高度。
- 不要使用传统的滚动，而是编写一个自定义滚动条，它保持自己的相对偏移并将现有的部分分开以适应新的部分。 然后问题就是编写自定义滚动条替换（对于像我们正在使用的nicescroll这样的东西）。
- 暂时将当前查看的部分的位置更改为绝对（从屏幕偏移计算的位置），以将其从流程中取出。 更新其后面的父滚动窗口内容，然后在重新计算新的scrollTop后再次使查看的部分相对。
- 还有什么我们没有想过的？
我想要一些实际上必须解决这个问题的人提出一些建议。 重要的是屏幕不会出现故障，因此应避免将scrollTop同步到缓慢的DOM更新。
对拟议解决方案的建议或意见？ 是否有可以执行此操作的滚动替换？
如果你无法解决它，但认为它值得解决，请考虑提升，这样我就可以获得大笔奖金！ 🙂
9月13日更新
一旦你不得不考虑自动滚动之类的东西来保持屏幕上的聚焦控制，选项4在实践中会变得太慢。
事实certificate，只要您执行以下操作， 选项1就会起作用：
- 添加顶部和底部填充（例如空div），以便浏览器接受更大的窗格（浏览器的自动滚动不考虑边距），并且不能在scrollTop 0下滚动（浏览器中没有负scrollTop）。
- 插入内容时，首先仅调整受影响项目的位置（即视图中目标位置的上方或下方）。
- 一旦进行调整，改变所有项目的位置（通过再次从0堆叠它们）并更改scrollTop以匹配。 如果只有几十个或更少的项目，这不会出现故障，所以我强烈建议在顶层（如部分）放置较大的容器，这些容器需要滚动，而它们的内容仍然是相对的。
选项1的优点是，当您在项目之间更改焦点（例如制表符）时，它不会与浏览器的本机自动滚动作斗争。 这已经certificate是最好的实用解决方案，并且允许我们生成“非常长”的forms，包括数十个动态加载的部分（通过导航链接加载，或通过它们靠近视口）并且它的效果非常好。 康达确实！
早期测试：
最初我们使用选项4：我们创建了自己的滚动，并且我们在相对父级内布置绝对定位的项目。
当项目更改大小时，将重新计算上方或下方项目的位置（取决于它们相对于视口的位置）。 可以通过Ajax加载或手动更改大小来触发此内容更改。
为了满足手动滚动我们正在使用MouseWheel.js ，我们正在限制滚动，以便第一个和最后一个项目的范围受视口的顶部和底部25％的限制。
随着JQuery插件“排列”内容，一个接一个，我们决定将其称为Conga 。 🙂