0

我有一个动态扩展的浏览树。当用户单击动态创建的 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();

请协助。

国民党

4

0 回答 0