【問題点】
AC内における、一部「トリガー」が動作不全(点滅を繰り返す)
※アップルデバイスでのみ発生..。(Macはサファリのみ)
※対象:h3・h4・h5のアニメーショントリガーが機能せず(読み込めない)
【分かったこと】
モーダルCSS「無効化」で、動作不全は解消 ⇒ 無論、モーダルは動作せず..
【ご依頼】
モーダルCSSを「有効」のまま、AC内における「トリガー動作不全」の対策をお願いします。
※対象:h3・h4・h5アニメーションの正常動作を目的
【所感】
AC内に、色々な種類のアニメーションを(トリガー起動)別の練習記事で実装していますが、
なぜか「h3・h4・h5」のみ不具合が発生します。
★モーダルには触れず「アニメーショントリガー」の改修で、問題解決が図れないものかと考えています。
ご指導をお願い致します。
No0 AC外 モーダル開きました。
No1 AC内 モーダル開きました。
No2 AC内 モーダル開きました。
エス(アルファベット)AC内 モーダル開きました。完璧です。
イソガバ マワレ
h3 見出し
↑アップルデバイスで動作不全(点滅)
h4 見出し
↑アップルデバイスで動作不全
h5 見出し
↑アップルデバイスで動作不全
AC外では正常動作↓
イソガバ マワレ
h3 見出し
h4 見出し
h5 見出し
【関連JS アニメーショントリガー】 //ムーヴ系function Anime37(){
$(‘.Trigger37’).each(function(){
var elemPos = $(this).offset().top+300;
var scroll = $(window).scrollTop();
var windowHeight = $(window).height();
if (scroll >= elemPos – windowHeight){
$(this).addClass(‘move’);
}else{
$(this).removeClass(”);
}
});
}
$(window).scroll(function (){
Anime37();
});
【関連CSS】
外観 > カスタマイズ > 追加CSS内
関連コードの所在



