$(окно).scrollTop() Счетчик

У меня есть две функции. Первый проверяет, находится ли элемент в поле зрения при прокрутке страницы. Второй предназначен для вычисления верхней части прокрутки, и если первая функция истинна, то есть когда элемент находится в поле зрения, она устанавливает scrollTop этого элемента в 0.

Мое решение сделать это состояло в том, чтобы запустить отдельный счетчик, который активируется только тогда, когда элемент находится в поле зрения, но у меня возникли проблемы с созданием рабочего счетчика. Как и сейчас, значение i застряло на 1. Ниже мой код, любой ввод приветствуется.

var img = $('.banner_img_desktop').find('img');

function isScrolledIntoView(elem) {
  var docViewTop = $(window).scrollTop();
  var docViewBottom = docViewTop + $(window).height();
  var elemTop = $(elem).offset().top;
  var elemBottom = elemTop + $(elem).height();
  return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  var i = 0; // <-- my counter
  if (isScrolledIntoView(img)) {
    i = i + 1;
    var elemScroll = i;
    var imgPos = (elemScroll / 8) + 'px';
    img.css('transform', 'translateY(' + imgPos + ')');
  }
});