DIV的边缘顶部等于另一个Div的高度

Question

我正在使用以下代码。我需要在 $('#scrolloverlay').css('margin-top' , '');```边距顶端''等于" .Image-in-Slider"的高度。" .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();
    });  

Answer 1

请参阅getComputedStyle

您应该能够做

之类的事情

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);