javascript - 「overflow-y要素」のスクロール位置を設定する

Question

私はこのコードを持っています

    <div style="width: 400px; height:200px; background-color: #090; overflow-y: scroll">
        <p>first</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>aaaaaaaaaa</p>
        <p>last</p>
    </div>

onclick でいくつかの要素が必要です。下 (最大下) を自動的にスクロールします。つまり、onclick でいくつかの要素が必要です。この結果が必要です: スクリーンショットを参照してください。

これを作る方法を教えてください。

Answer 1

とを使用<p id="last">last</p>し<a href="#last">Go to #last</a>ます。

<div style="width: 400px; height:200px; background-color: #090; overflow-y: scroll">
    <p>first - <a href="#last">Go to #last</a></p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p>aaaaaaaaaa</p>
    <p id="last">last</p>
</div>

http://jsfiddle.net/bzuPy/