猫头鹰传送带：在平板电脑视图上闪烁

我们正在实施猫头鹰传送带在所有分辨率的桌面视图上都没问题，但是在平板电脑视图（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

猫头鹰传送带：在平板电脑视图上闪烁

回答

相关问题