Question

我正在使用以下代码。我需要在$('#scrolloverlay').css('margin-top' , '');`margin-top等于＆＃34; .image-in-slider＆＃34;的高度。＆＃34;图像配合滑块＆＃34;可能会根据浏览器窗口大小而有所不同。有人可以帮忙吗？

$(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');

然后只需动态使用height属性：

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

margin-top等于另一个div的高度

1 个答案: