如何禁用峰值和波普效果(在iPhone 6s上使用Safari时的强压效果)

问题描述:

我需要在此代码(引导环境)中的“a”元素上禁用峰值效果(对iPhone 6s上的Safari使用强压效果):如何禁用峰值和波普效果(在iPhone 6s上使用Safari时的强压效果)

<article> 
 
    <div class="gall-thumbnail"> 
 
    <a data-toggle="modal" href="mod1#"> 
 
     <img src="img.jpg"/> 
 
     <p class="text-center caption">Caption</p> 
 
    </a> 
 
    </div> 
 
    <div class="modal fade" id="mod1"> 
 
    <div class="modal-dialog"> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
 
      <h5 class="modal-title text-center">Caption</h5> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <img src="img.jpg" class="img-responsive"/> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</article>

我需要禁用它,因为如果强劲,iPhone上的Safari 6S按下然后引导的“莫代尔”组件是在这里与“峰”的冲突,并取得了比放大IMG其他图片。 JPG。

因此,在“a”元素上禁用“peek”或在iPhone 6上使用Safari强力按下时显示放大的img.jpg会很好。

如果你想禁止偷看,当你“强”按iOS上的元素,你可以将webkit-user-selectwebkit-touch-callout属性设置为无CSS。如果你正试图阻止它所有的“一”的标签,你可以做这样的事情:

a{ 
    -webkit-user-select:none; 
    -webkit-touch-callout: none; 
} 
+0

谢谢Yamartino,但它并不适用于“强压”(PEEK)工作,因为它正确地适用于“正常按住“这是另一回事:是否有其他的css声明用于”强大的新闻“? – Vincent

+0

@Vincent在上面看到我更新的回复。当我尝试在Safari上禁用该类型的内容时,我实际上使用了这两个属性。在我的pressure.js库中,我做了以下操作来防止所有这些事件发生奇怪的动作,例如https://github.com/yamartino/pressure/blob/master/src/adapter.js#L41 – stuyam

+0

抱歉,Yamartino,您的第二个解决方案在我的代码中不起作用。问题只在iOs上使用Safari。 – Vincent