1

まず、この問題はページの読み込みとは関係ありません。ページの読み込みのちらつきを修正することは、ここでよく聞かれる質問であることを私は知っています。

MySQLデータベースにデータを挿入するために使用されるフォームを含むタグがあります。このタグは、index.phpドキュメントの最後に配置されています。次に、CSSを次のように設定します

   display: none; position: absolute; top: 20px; left: 20px;

ページ上で適切なボタンがクリックされると、CSSをブロックに変更するonclickリスナーが設定されます。

    $("#insertForm").css("display", "block");

この時点ではすべて問題ありませんが、ユーザーがリンク（onclickリスナーが関連付けられている）をクリックしてフォームを非表示にすると、divタグを非表示にしているときに画面がちらつきます。私は使用しています

    $("#insertForm").css("display", "none");

タグを非表示にするコマンド。

このちらつきを修正する方法はありますか？

4

1 に答える 1

2

1.ブラウザのデフォルトの動作を回避してみてください:

$('#clicker').on('click', function( e ){

    e.preventDefault();
  
    // do wat you do

});

http://api.jquery.com/event.preventDefault/

とにかく、CSS 内にイニシャル display:none;を設定してみてください。そうすれば、DOM がロードされた直後に発生するフィッカリングを保護できます - 要素が JS (jQuery) によって隠されています。

2.あなたの質問をもう一度読んでください

ページの最後にある要素が、緩むように設定されているため、 HEIGHTdisplay:none;
が 緩んでいると想定できます-ページのジャンプ/フリックがあります。documentscrollHeight

visibilityの代わりに行ってみてくださいdisplay。

于 2013-01-05T04:17:15.540 に答える