javascript
1$(window).on('load scroll resize',function(){ 2 var top = $('#zero'); 3 var contents = ['#about', '#service', '#works', '#contact']; 4 if(top.hasClass('active')){ 5 for(var i=0; i<4; i++){ 6 $(contents[i]).removeClass('contents-margin'); 7 } 8 }else{ 9 for(var i=0; i<4; i++){ 10 $(contents[i]).addClass('contents-margin'); 11 } 12 } 13});
まずコードを記載させていただきます。
ここで実装させたい機能といたしましては、
「pagepiling」というスクロールのプラグインを使用していて、
スクロールして該当するレイヤーが表示されるとそのレイヤーのclass属性に「active」というものが付与される仕様です。
私のHTMLでの構造は、
zero
about
service
works
contact
この順で並んでいるのですが、
一番最初のzero以外のレイヤーが表示されたら、
その時に「contents-margin」というclass属性を付与したくてコードを書いたのですが、
うまくいきません。
お分かりの方どなたかいらっしゃいますでしょうか??
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。