modal关闭按钮与translate3d

我有一个与快速浏览模式的Ipad上滚动的问题。问题是我试图滚动模式，但页面本身滚动，而不是模态。我使用了修复滚动问题的.modal * {-webkit-transform:translate3d(0,0,0)。但是现在模态x按钮不会关闭模态。如果我触摸外部模式，它会关闭，但是我想保留关闭按钮的功能，因为并非所有用户都知道要在模式外触摸。modal关闭按钮与translate3d

<div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <svg class="icon close--modal"> 
       <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://10.30.2.54:300/images/sprite.svg#close--modal"></use> 
      </svg> 
      </button> 
      <h4 class="modal-title">Quick View</h4> 
     </div>

来源

2017-06-15 Jgoo83

玩过CSS选择器后，找出它。希望这可以帮助任何人在未来

.modal * :not(.modal-header *) {-webkit-transform: translate3d(0,0,0);}

这将规则应用于的.modal除了模头所有的孩子，其子女

来源

2017-06-15 14:10:33 Jgoo83

modal关闭按钮与translate3d

回答

相关问题