Question

我有fancybox 3动画模态，长身。在手机上滚动时存在问题，但只有较旧的iPhone 6s或Galaxy S8可以正常工作。它正在抓住所有的花式盒子，然后推开，而不是滚动身体内容。我试图添加溢出：滚动，位置固定，但没有帮助。在检查器中启用移动模式后，可以使用鼠标滚轮滚动它，而在尝试“触摸”并滚动时，模式已关闭。

CodePen显示了:( https://codepen.io/anon/pen/MZPPYd

编辑：在codepen中一切正常当我抓住Codepen Fancybox时添加类fancybox-is-grabbing 在我的项目中，他添加了fancybox控制器-isGrabbing

可能是问题，但是他为什么要这样做？

该怎么办？是否有使其工作的选项？

下面是我的代码的结构。

<div style="display: none;" id="animatedModal3" class="animated-modal modalLists">
 <div class="leftPhoto tabsListConfigurator side">
  <div class="tabsWrap">
   <div class="sectionTitle">Kolory</div>
    <ul class="tabsCon">
     <li class="tab-link current" data-tab="tab-1a">
      <img src="3.jpg" alt="">
      <span class="product">Drewno</span>
     </li>
     <li class="tab-link current" data-tab="tab-1a">
      <img src="3.jpg" alt="">
      <span class="product">Drewno</span>
     </li>
     <li class="tab-link current" data-tab="tab-1a">
       <img src="3.jpg" alt="">
       <span class="product">Drewno</span>
     </li>
     (a lot li here)
    </ul>
   </div>
  </div>
 </div>
</div>

.animated-modal{
width:80%;
overflow:hidden;
position:fixed;
}
.tabsListConfigurator{
max-height:500px;
overflow:auto;
overflow-scrolling:auto;
}
.tabsWrap{
position:relative;
overflow-y:scroll;
}

Fancybox 3 Modal，在较旧的手机上滚动时出现问题

0 个答案: