2

スクロールを行うJavaScript関数があります。

    <script type="text/javascript">
    function scroll() {
    $('html,body').animate({
    scrollTop: $('#3').offset().top}, 2000);
    }
    </script>

そしてhtml部分には、オーバーフロープロパティがスクロールに設定された1つのdivがあります。#CamListDiv{ オーバーフロー:スクロール; 高さ:400px } 

    <div id="CamListDiv">
    <div id="1">
    <h1>2</h1>
    <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
    </div>
    <div id="2">
    <h1>1</h1>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
    <h1>4</h1>
    <p>dddddddddddddddd</p>
    <h1>6</h1>
    <p>fffffffffffffffffffffff</p>
    <h1>7</h1>
    <p>dskfjdlskjflskdjflsdkjfl</p>
    <h1>8</h1>
    <p>sdfdsfsdgsgsgg</p>
    <h1>9</h1>
    <p>fhjlsdkj</p>
    <h1>10</h1>
    <div id="3">
    <h1>5</h1>
    <p>eeeeeeeeeeee</p>
    </div>
    </div>
    <input type="button" value="scroll" onclick="scroll()"/>
<

ボタンをクリックすると、画面を特定のIDにスクロールしようとしていますが、どういうわけか機能していません

4

1 に答える 1

1

divページ全体ではなくスクロールする必要があります。

$('input').click(function() {
    $('#CamListDiv').animate({ scrollTop: $('#3').offset().top }, 2000);
    return false;
});

http://jsfiddle.net/mrCb6/2/

于 2013-10-03T13:32:09.703 に答える