Owl carousel plein écran ne fonctionne pas
Je suis en train de faire de la chouette carrousel curseur plein écran pour mon site.
C'est ce dont j'ai besoin, n'hésitez pas à redimensionner Votre navigateur
Et c'est ce que j'ai,
$(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');
}
});
est-il une solution pour corriger ce problème?
Thx
- N'est-ce pas la même question que - stackoverflow.com/questions/29629780/owl-carousel-100-height
- Non, la version actuelle de owl carousel est de 1,33
Vous devez vous connecter pour publier un commentaire.
Essayez ceci:
Démo: Violon
Lors de l'utilisation d' % pour les hauteurs, vous devez travailler votre chemin vers le bas le DOM de la chaîne à votre enfant de l'élément de la hauteur à appliquer.
Une autre option est de profiter de vh unités. 100vh = 100% de la hauteur de la fenêtre.
Juste ajouter 100vh pour .chouette article et votre élément div.
Un
vh
unité est défini comme: