Сова карусели: мерцание на планшете

Question

Мы реализуем owl carousel Это прекрасно подходит для настольных ПК на всех разрешениях, но мелькает полная страница, содержащая эту карусель совы на планшетном экране (ipad).

HTML код:

<div class="col-md-12"> 
       <div class="row"> 
        <div class="text-center" id='answersheet_status'></div> 
        <div class="col-sm-12 col-md-12"> 
         <div class="text-center" id='assessment_feedback'> 
          <!--<a href="#" class="pull-right close-btn-assessment" id="close_btn_assessment"><i class="fa fa-times">y</i></a>--> 
         </div>      
        </div> 
       </div> 
       <div class="row" id="main_div_section"> 
        <div class="col-md-12 question-section"> 
         <div id="section_div" class="col-md-12 owl-carousel owl-theme" style="padding:0 20px;"></div> 
        </div> 
       </div> 
       <div class="alernate_div_section hide" id="alernate_div_section"></div> 
       <div class="col-md-12 no-padding mt15"> 
        <div class="row"> 
         <div class="col-sm-12 col-md-12"> 
          <div class="section-result"></div> 
          <div class="col-md-12 no-padding mt15" id="questions_div">       
          </div> 
          <div class="clearfix"></div> 
          <div class="question-footer"></div> 
         </div> 
        </div> 
       </div> 
      </div> 

Js код:

var carousel = $('.owl-carousel'); 
    carousel.owlCarousel({ 
        rtl: false, 
        margin: 10, 
        nav: true, 
        loop: false, 
        mergeFit: true, 
        startPosition: start_pos, 
        responsive: { 
         0: { 
          items: 1 
         }, 
         600: { 
          items: 3 
         }, 
         1000: { 
          items: 3 
         }, 
         1200: { 
          items: 4 
         }, 
         1400: { 
          items: 5 
         } 
        } 
       }); 

Примечание: Если удалить эту сову карусель, то страница работает отлично на всех. Мы не хотим, чтобы это мерцание на ipad (tabletview), почему это происходит? любое решение? пожалуйста, предложите.

(сова карусельного версия используется: версия 2.0.0)

Answer 1

.owl-carousel .owl-wrapper-outer{ 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    z-index: 1; // added this 
} 

Пожалуйста, добавьте приведенный выше код в файле CSS, и видеть, что класс есть определить в HTML код ...

Это отлично работает со мной ....