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

回答

相關問題