Javascript 分区顶部的边距等于另一分区的高度

我正在使用下面的代码。我需要在

$（'#scrolloverlay'）.css（'margin-top'，''）

`边距顶部等于“.image in slider”的高度。“滑块中的图像”的高度可能因浏览器窗口大小而异。有人能帮忙吗

$(document).ready(function(){
      $(window).on('scroll' , function(){
        var WindowScrollTop = $(this).scrollTop(),
            Div_one_top = $('.image-in-slider').offset().top,
            Div_one_height = $('.image-in-slider').outerHeight(true),
            Window_height = $(this).outerHeight(true);
        if(WindowScrollTop+Window_height >= (Div_one_top +  Div_one_height) ){

          $('#scrolloverlay').css('z-index' , '0');
          $('#scrolloverlay').css('margin-top' , '');
        }else{
           $('#scrolloverlay').css('margin-top' , '3000px');
          $('#scrolloverlay').css('z-index' , '0');
        }
      }).scroll();
    });  

看

你应该可以做一些类似的事情

var list = document.getElementsByClassName("image-in-slider");
var element = list[0]; // or use getElementById()...
style = window.getComputedStyle(element),
height = style.getPropertyValue('height');

然后，只需根据需要动态使用“高度”属性：

$('#scrolloverlay').css('margin-top', height);

---

那么，为什么不改变这一行：

$（'#scrolloverlay'）.css（'margin-top'，''）

到

$（'#scrolloverlay'）.css（'margin-top'，Div-one_-height+'px'）如果您需要它作为滑块中图像的高度？