缩小图片并将其放在div上

Question

我想在滚动时实现图像调整大小并将其设置在div的特定位置

jQuery(window).on("scroll", function() {

  var s = 200 +  Math.min(490, jQuery(document).scrollTop()/2); 
  if(jQuery(window).scrollTop() > 667)
    { 
    jQuery('.outer').css('display','none');
    jQuery('.row-bg-overlay').first().css('background','url(/logo.png) no-repeat')
    jQuery('.row-bg-overlay').first().css('background-position-y','30px')
    jQuery('.row-bg-overlay').first().css('background-size','538.5px');
    jQuery('.row-bg-overlay').first().css('background-position-x','center')
     }
     else 
     {
      jQuery('.outer').css('display','table');
      jQuery('.row-bg-overlay').first().css('background','none')
     }

     jQuery(".logo-ss").width(s);//.height(s);
     jQuery(".outer").css('top',jQuery(document).scrollTop()/3)
});

但是我认为它不是最清晰的解决方案，因为当将徽标设置为背景图像时，它仅在我的屏幕分辨率上起作用并拖动。有没有实现的文档或更清晰的示例？