jquery滚动页面根据位置自动改变DIV背景颜色特效代码

使用方法

(function ($) {
  $(window).on("scroll", function () {
    //Loop Sections
    $(".sectionbox").each(function (i, d) {
      //And Get Current One
     
      var sec = $(this);
      var el = $(this).find('span');
      if (
        $(this).position().top - 100  <= $(document).scrollTop() &&
        $(this).position().top - 100  + $(this).outerHeight() > $(document).scrollTop()
      ) {
       
          el.html('<p>在可视窗口内: '+i+'</p>');
          sec.css({backgroundColor: '#ccc'});
      }else{
        el.html('<p>在可视窗口外: '+i+'</p>');
        sec.css({backgroundColor: '#fafafa'});
      }
    });
  });
})(jQuery);