スクロールでロゴの表示を切り替えたいのですが、
/*ここがぶつかる*/
のところで、「クラス付与」と「クラス削除」の機能がぶつかってしまってうまくいきません。
どのように書けば、「上スクロールで非表示にして、下スクロールで表示する」という機能になりますでしょうか?
javascript
1////ヘッダーロゴの表示切替 2function init() { 3 4 // スクロール500ピクセルでアニメーション 5 var px_change = 500; 6 7 // スクロールのイベントハンドラを登録 8 window.addEventListener('scroll', function(e){ 9 10 // 変化するポイントまでスクロールしたら 11 if ( $(window).scrollTop() > px_change ) { 12 $("#logo").addClass("animated fadeOutLeft"); 13 $("#logo").removeClass("animated fadeInLeft");/*ここがぶつかる*/ 14 15 // 変化するポイント以前であれば 16 } else if ( $("logo").hasClass("animated fadeOutLeft") ) { 17 $("#logo").removeClass("animated fadeOutLeft"); 18 $("#logo").addClass("animated fadeInLeft");/*ここがぶつかる*/ 19 } 20 21 }); 22} 23window.onload = init();
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/04/18 02:36