1

いくつかのドロップダウン フィールドを含むページを取得しました。ページを送信すると、フィールドのすぐ下に mysql からのデータが返されます。ユーザーが送信ボタンをクリックしたときに、このページを一番下に配置したいと考えています。現在、以下のスクリプトを試しました

function md()
{
//window.location.hash="code";
window.scrollTo(0, document.body.scrollHeight);
}

これは mozilla では機能しますが、IE では機能しません。上記のコードに代わるものはありますか。私の送信ボタンには、2 つの JavaScript 関数を呼び出す onclick イベントがあります。

onClick='selectAllOptions("countryRF");md();return false;'

IEでクリックすると一番下に来ますが、データが再び一番上に表示されると？私を助けてください！。

4

2 に答える 2

1

このコードを使用してみてください：

<form action="" onsubmit="selectAllOptions('countryRF');setTimeout(md, 1000);return false;">

キーボード、スクリーンリーダー、点字端末などを使用している人はイベントをトリガーできないため、ボタンでonsubmitはformなく、に使用することをお勧めします。onclickclick

私が追加したコードは、ページの更新に1秒もかからないため、1秒後setTimeout(md, 1000);に関数を起動します。md

編集：

それはおそらくうまくいきません。

name="form"フォームに追加して、ページのheadセクションでこれを使用してみてください。

<?php
if(isset($_POST['form'])) {
    ?>
<script type="text/javascript">
    window.onload = function() {
        window.scrollTo(0, document.body.scrollHeight);
    };
</script>
<?php
}
?>
于 2012-08-01T06:14:17.623 に答える
1

この jquery 関数は、必要に応じてページの一番下までスクロールします。

$("html, body").animate({ scrollTop: $(document).height() }, "slow");

だからあなたはそれを関数に投げることができます：function md() { [the code above] }

ただし、必ずjqueryをロードしてください。これを<head>ページに配置してください。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

お役に立てれば ：）

于 2012-08-01T04:39:19.770 に答える