以下のコードで期待される結果は、.csr-area-3 .csr-video
クラスが追加された場合ですが、この状況でcsr-animate csr-zoom-in
機能し$(this)
ないのはなぜですか?
if ($(".csr-area-3 .csr-video").is(":in-viewport")) {
$(this).addClass('csr-animate csr-zoom-in');
}
.filter(function)
ビューポートである一致した要素を取得し、クラスを追加するには、が必要です。
$(".csr-area-3 .csr-video").filter(function() {
return $(this).is(":in-viewport");
}).addClass('csr-animate csr-zoom-in');
あなたも使うことができます
$(".csr-area-3 .csr-video:in-viewport").addClass('csr-animate csr-zoom-in');
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加