貓頭鷹傳送帶：在平板電腦視圖上閃爍

我們正在實施貓頭鷹傳送帶在所有分辨率的桌面視圖上都沒問題，但是在平板電腦視圖（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版本）

來源

2016-06-21 VBMali

請務必閱讀標籤的描述。這與Web本體語言[tag：OWL]無關。通常有助於添加語言標籤（例如[tag：javascript]）和主庫標籤（例如[tag：jquery]）。我已經相應地編輯了標籤。 –

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

請加在你的CSS文件，上面的代碼，並看到類是在HTML代碼中定義...

這對我來說正常工作....

來源

2016-07-27 13:25:01 Akshay

貓頭鷹傳送帶：在平板電腦視圖上閃爍

回答

相關問題