javascript - phonegap を使用して隠し要素のリソース消費を削減する

Question

html/js/css と phonegap を使用して Web アプリを作成しています。このページには 2 つのセクションがあり、それぞれが長いリストになっています。同時に、1つだけが表示されます。リストが非常に長い場合、パフォーマンスが低下します。ブラウザは display:none 要素のリソースを解放しますか? そうでない場合、隠しセクションのリソースを簡単に解放するにはどうすればよいですか (必要に応じてすばやく復元できますか)。

Answer 1

長いリストに関しては、パフォーマンスが悪いというあなたの意味を正確に知っています。画面が一瞬ちぎれるように見えますが、その後追いつきます。以下を CSS ファイルのトップ レベルに配置します (body{} を試してください)。

-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);