1

実際にユーザーに表示される CSS 要素で選択する方法は?

実際に画面に？

4

4 に答える 4

2

何かがユーザーに表示されているかどうかを確認するこのタスクを支援するセレクターを追加する jQuery プラグインがあります (ViewPort)。

こちらから閲覧・ダウンロードできます。

基本的に、次のセレクターを追加します。

 $(":in-viewport")
 $(":below-the-fold")
 $(":above-the-top")
 $(":left-of-screen")
 $(":right-of-screen")

そしてあなたの場合、最初のものはあなたが必要とするものだと思います。 他のものは、視覚的に隠されているオブジェクトの場所を特定するために、より詳細です。

于 2012-10-03T18:53:42.737 に答える
0

jQuery を使用している場合は、:visible セレクターを使用します。$("body").find(":visible")

于 2012-10-03T16:21:29.040 に答える
0

最良の方法は、jQuery を使用することです。

$('.testClass:visible')

DOM に表示される、クラス「testClass」を持つすべての要素の配列を返します。

http://api.jquery.com/visible-selector/

于 2012-10-03T16:25:21.780 に答える
0

screen から css への接続はありません (css から screen のみ)。css は、実際に表示されている要素を選択できません。

jQuery を使用してそれらを照合し (McNaney が述べたように)、既存の css クラスを追加できます。

于 2012-10-03T16:25:23.560 に答える