2

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

    <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 でいくつかの要素が必要です。この結果が必要です: スクリーンショットを参照してください。

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

4

1 に答える 1

2

とを使用<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/

于 2012-09-29T08:55:34.427 に答える