Estoy tratando de hacer búho carrusel deslizante de pantalla completa para mi sitio.
Esto es lo que necesito, siéntase libre de cambiar el tamaño de Su navegador

Y esto es lo que tengo,

el violín

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

});

existe alguna solución para arreglarlo?

Thx

InformationsquelleAutor Lukas | 2015-04-15

2 Comentarios

  1. 1

    Intente esto:

    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;
    }

    Demo: El violín

    • No puedo agradecerles lo suficiente
    • Muchas gracias!
  2. 1

    Cuando se utiliza % para las alturas, usted tiene que trabajar su camino hacia abajo en el árbol DOM de la cadena a su niño elemento para la altura a la que se aplican.

    Otra opción es tomar ventaja de vh unidades. 100vh = 100% de la altura de la ventana.

    Acaba de agregar 100vh a .owl-elemento y el elemento div.

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

    Un vh unidad se define como:

    Igual a 1% de la altura de la ventanilla inicial del bloque que contiene.

Dejar respuesta

Please enter your comment!
Please enter your name here