2017-06-15 131 views
0

我有一個與快速瀏覽模式的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> 

回答

0

玩過CSS選擇器後,找出它。希望這可以幫助任何人在未來

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

這將規則應用於的.modal除了模頭所有的孩子,其子女