8

モバイル Web アプリを開発しています。ただし、iOS 5.1 以下の safari はメモリが限られています。css3 トランジションを使用する場合、メモリ使用量を最小限に抑える必要があります。css スタイル "display:none / visibility: hidden" を使用すると、メモリの問題でアプリがクラッシュしないことがわかりました。だから、本当に隠されているものを「隠蔽」したいのです。私の英語は下手です。写真は私がしたいことを示すことができます:

アップロードされた画像**:**

絵の支出

Web サイトである別の例では、css の「visibility: hidden」プロパティを使用して、画面に表示されていないすべてのセッションを非表示にしました。

サンプルサイト：電通ネットワーク

4

2 に答える 2

3

ビューポート セレクターを提供する jQuery 用のプラグインがあります。

すべてをに設定してからvisibility:hidden;、ビューポートにアイテムのみを表示できます。ユーザーがスクロールしたら、ビューポート要素を再取得して表示することもできます。

 $(":in-viewport").css("visibility", "visible")
于 2012-09-23T15:41:02.897 に答える
1

document.body.scrollTopビューポートとウィンドウのサイズを計算できるはずです。

scrollTop が 100px の場合、ユーザーは 100px 下にスクロールしたとします。そして、画面の上部 100px を占める div を非表示にして、101px から始まり画面のサイズ (高さ) まで伸びる div を表示したい場合があります。

于 2012-09-23T15:38:46.070 に答える