jquery - 動的に生成された ul 全体とその lis がページの下部に表示されることを確認してください

Question

動的に拡張するブラウズ ツリーがあります。ユーザーが動的に作成された Li をクリックすると、次の UL > LI が展開されます。新しく作成された UL に選択が 1 つしかない場合は、自動的に次のレベルに転送されます。この場合、3 番目のリストの項目がページの下部に表示されることがあります。

<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();

手伝ってください。

KMT