Блог

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

Я пробовал, ниже кода, но он сразу добавляет текстовый фон, как только div входит в окно просмотра. Я хочу, чтобы он добавлялся только тогда, когда он находится посередине. Я пытался настроить его, но не смог этого понять. Любое предложение будет высоко оценено.

 function testInView($el){  var wTop = jQuery(window).scrollTop();  var wBot = wTop   jQuery(window).height();  var eTop = $el.offset().top;  var eBot = eTop   $el.height();  return ((eBot lt;= wBot) amp;amp; (eTop gt;= wTop));  }    function setInView(){  var $zis = jQuery('#highlight-text-container');  jQuery('#highlight-text-container #highlight').css('background', '');  if(testInView($zis)){  jQuery('#highlight-text-container #highlight').css('background', 'pink');  }  }  jQuery(document).scroll(function(){  setInView();  });  jQuery(document).resize(function(){  setInView();  });