А у меня немного жестче вопрос.
Есть разметка (условно):
<div class="treewrapper">
<ul class="tree">
<li><span class="tree-item-title">Tree Item</span></li>
<li><span class="tree-item-title">Tree Item</span>
<ul class="tree">
<li><span class="tree-item-title">Tree Item</span></li>
<li><span class="tree-item-title">Tree Item</span></li>
<ul>
</li>
...
...
...
<li><span class="tree-item-title">Tree Item</span>
<ul class="tree">
<li><span class="tree-item-title">Tree Item</span></li>
<li><span class="tree-item-title">Tree Item</span>
<ul class="tree">
<li><span class="tree-item-title">Tree Item</span></li>
<li><span class="tree-item-title">Tree Item</span>
<ul class="tree">
<li><span class="tree-item-title">Tree Item</span></li>
<li><span class="tree-item-title selected">Tree Item</span></li>
<ul>
</li>
<ul>
</li>
<ul>
</li>
...
...
...
</ul>
</div>
Глубина вложенности - любая.
Элемент с классом selected - всегда один.
treewrapper - фиксированной высоты и ширины с overflow: auto.
вопрос, как определить расстояние от начала .treewrapper до начала .selected, чтобы потом проскроллить дерево до .selected?