div的顶部等于另一个div的高度

Question

我使用的是以下代码。我需要$('#scrolloverlay').css('margin-top' , '');`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);