if文以降が処理されず.scrollもまるで効いてません
ブログの練習様のソースコードを模写しているのですが、タイトルのエラーが発生してしまいました。
参考にしているブログは
ブログへのリンク
GitHubに置いてあるソースは
HTMLのソース
CSSのソース
jQueryのソース
です。
発生している問題・エラーメッセージ
ERROR: 'index' is defined but never used. [no-unused-vars]
該当のソースコード
jQuery
1/*global $ */ 2/*global window */ 3 4$(function () { 5 'use strict'; 6 var $window = $(window); 7 $('.content').each(function (index) { 8 var $self = $(this), 9 offsetCoords = $self.offset; 10 $(window).scroll(function () { 11 if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > $window.scrollTop())) { 12 var yPos = -($window.scrollTop() / 8), 13 coords = '50%' + yPos + 'px'; 14 if ($self.attr('id') !== 'first') { 15 yPos += 126; 16 } 17 18 $self.css('backgroundPosition', coords); 19 } 20 }); 21 }); 22}); 23
試したこと
Chromeのデベロッパーツールで検証したところindexは0のまま、12行目のvar yPos = -($window.scrollTop() / 8),から下のコードにブレークポイントを置いてリロードするとjquery-1.9.1.min.jsが開かれ、3行目の*/(function(e,t){var n,r,i=typeof t,o=e.document,a=eウダウダウダがハイライトされます。
もうよく分かりません。。お助け願います