我有一个动态扩展的浏览树。当用户单击动态创建的 li 时,她/他会展开下一个 UL > LI。如果新创建的 UL 中只有一个选择,则自动转发到下一级。发生这种情况时,第三个列表中的项目有时会显示在页面底部下方。
<div id="wrapper">
<ul id="ul-level-one">
<li id="1">Item one</li>
<li id="2">Item two</li>
<li id="3">Item three</li> [selected]
<ul id="ul-level-two">
<li id="1">Item A</li>
<ul id="ul-level-three">
<li id="1">Item one</li>
<li id="2">Item two</li>
<li id="3">Item three</li> -- these items fall below page bottom
<li id="4">Item four</li>
</ul>
</ul>
<li id="4">Item four</li>
<li id="5">Item five</li>
</ul>
</div>
我正在尝试找到一种方法来确保显示 ul 的所有项目。我尝试将最新 UL 的最终 LI 滚动到视图中,但它似乎不起作用。
$('#ul-level-three li:last').get(0).scrollIntoView();
请协助。
国民党