貓頭鷹旋轉木馬全屏不起作用

我想爲我的網站做貓頭鷹旋轉木馬滑塊全屏。這正是我需要的，可隨時調整您的瀏覽器貓頭鷹旋轉木馬全屏不起作用

這是我應得的

$(document).ready(function() { 

    // carousel setup 
    $(".owl-carousel").owlCarousel({ 
    navigation : false, 
    slideSpeed : 300, 
    paginationSpeed : 400, 
    singleItem: true, 
    autoHeight: true, 
    afterMove: top_align, 
    }); 

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

});

有沒有什麼解決辦法來解決呢？

THX

來源

2015-04-15 Lukas

這難道不是同樣的問題 - http://stackoverflow.com/questions/29629780/owl-carousel-100-height –

沒有，貓頭鷹旋轉木馬的最新版本是1.33 – Lukas

試試這個：

html, body { 
    height: 100%; 
    margin: 0; 
} 

.owl-wrapper-outer { 
    height: 100% !important;  
} 

.owl-wrapper { 
    height: 100%; 
} 

.owl-item { 
    height: 100%; 
} 

.b-Amarelo { 
    height: 100%; 
} 

.owl-item h1 { 
    margin: 0; 
}

演示：Fiddle

來源

2015-04-15 10:45:06 pqdong

無法謝謝足夠多 – Lukas

非常感謝！ –

當使用％的高度，你要你的工作方式下的DOM鏈到你的子元素的高度應用。

另一種選擇是利用vh單位。 100vh =窗口高度的100％。

只需添加100vh到.owl項目和你的div項目。

.owl-item, .item { 
    height: 100vh; 
}

甲vh單元is defined as：包含塊的視域的初始的高度的

等於1％。

來源

2017-08-03 18:22:50

貓頭鷹旋轉木馬全屏不起作用

回答

相關問題