1

私はピュアで初めてですjavascript（まあ、使いやすいと思いましたが、この場合jqueryは使えないのが残念jqueryです:D）。

このサンプル コードを実行しようとしましたが、私の Web では機能しません。

これは私のウェブのスクリーンショットと説明です:

ここに画像の説明を入力

したがって、このページは 2 つの異なる html ファイルに分かれています。1 つはヘッダーとその jquery タブ用で、もう 1 つはタブの下のコンテンツ用です。

私の計画は、jquery タブの下のコンテンツをスクロール可能にすることです。そのため、次のコードは私のコンテンツの html ( jquery タブの下) からのものです。

<body>
    <script type="javascript">
        function top() {
        document.getElementById( 'top' ).scrollIntoView();    
    };

    function bottom() {
        document.getElementById( 'bottom' ).scrollIntoView();
        window.setTimeout( function () { top(); }, 2000 );
    };

    bottom();
</script>

<div id="form_search">
    <div id="top">top</div>
    <?php echo form_open('backend/index') ?>
        <p>
        Kelas :
        <?php echo form_dropdown('ddl_kelas1', $list_kelas, 'id="ddl_kelas1"');?> -
        <?php echo form_dropdown('ddl_kelas2', $list_kelas, 'id="ddl_kelas2"');?>
        </p>
        <p>
        Nama : <?php echo form_input('txt_nama');?>
        Alamat : <?php echo form_input('txt_alamat');?>
        Tanggal Lahir : <input type="text" id="datepicker" />
        </p>
        <?php echo form_submit('btn_search', 'Search');?>
    <?php echo form_close(); ?>
</div>
<div>
    <?php echo $table ?>
    <?php echo $pagination ?>
    <div id="bottom">bottom</div>
</div>

上部と下部の div はページ制限のためのものであることに注意してください (上記のサンプル コードに従いました)。制限に使用されるID/要素を変更するなどの別の方法を試しましたが、まだ機能していません。

助けてくれてありがとう:D

注：私codeigniterはこのプロジェクトにフレームワークを使用しています：D

4

3 に答える 3

1

overflow-y:scrollユーザーの質問に対する解決策は、コンテンツが配置されている div タグの cssに単純に追加することだったようです。簡単な解決策

于 2013-04-05T15:18:33.363 に答える
1

jQuery

$("html, body").animate({ scrollTop: $('#bottom').offset().top }, 2000);

      ^                                    ^                        ^
What to scroll ---------------------- to which element --------- duration
于 2013-04-05T14:36:33.953 に答える