动画背景图像高度

Question

由于我是jQuery的新手，但是仍然想要实现一个效果，当背景图像从顶部250px时动画从100％到50％，我试着将一些代码放在一起我在网上发现，这是看起来像是什么：

#page {
  height: 100vh;
  background-image: url("image.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

function getBackgroundImageUrl(#page) {
  if (!($element instanceof jQuery)) {
    $element = $($element);
  }

  var imageUrl = $('#page').css('background-image');
  var scroll = $(document).scrollTop();
  if(scroll>250){
    $('imageUrl').stop(true,false);
   $('imageUrl').animate({'height':427,5},200);
  } else {
    $('imageUrl').stop(true,false);
    $('imageUrl').animate({'height':855},200);
  }
}

（不确定如何将427,5更改为50％或将855更改为100％），但在尝试测试后，我根本看不到图像代码，我怎么能得到这个效果？