Question

我有很大的求助请求。我需要将高度设置为html＆amp;的100％猫头鹰旋转木马滑块的身体（全屏）。但我还需要一点点。

这就是我对其他滑块以及我需要具备的内容：http://lukaszradwan.com/

以猫头鹰轮播http://lukaszradwan.com/pl/

为例

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

谢谢！

EDIT //

它差不多完成了，但我有另一个问题。滑块下面有一个空位，我不知道为什么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，一切正常。

全屏滑块与猫头鹰旋转木马

1 个答案: