带猫头鹰轮播的全屏滑块

Question

我有一个很大的请求帮助某事。 我需要将猫头鹰轮播滑块（全屏）的高度设置为 html 和正文的 100%。但我还需要在它上面一点点的地方。

这是我对其他滑块所做的以及我需要的：http://lukaszradwan.com/

还有猫头鹰轮播的例子http://lukaszradwan.com/pl/

请垂直调整浏览器大小以查看效果。

谢谢！

编辑//

几乎完成了，但我还有另一个问题。滑块下方有一个空的地方，我不知道为什么lukaszradwan.com/pl

我需要与 cd-main-content 类具有相同的高度作为视口。可以看看吗？

$(document).ready(function() {

  // carousel setup
  $(".owl-carousel").owlCarousel({
    navigation : true,
    slideSpeed : 300,
    pagination : true,
    paginationSpeed : 400,
    singleItem: true,
    autoHeight: true,
    afterMove: top_align,
    navigationText : false,
    afterAction: function(current) {
    current.find('video').get(0).play();
}
  });

  function top_align() {
    $(window).scrollTop(0);
    console.log('move');
  }

});
$(window).scroll(function(){
  if ($(this).scrollTop() > 50) {
      $('.owl-pagination').addClass('hidden');
  } else {
      $('.owl-pagination').removeClass('hidden');
  }
});

Answer 1

我刚刚加了

position: absolute;
top: 289px;
bottom: 0;
left: 0;
right: 0;

到视口和margin-bottom: 289px; 到cd-main-content，一切正常。