如何禁用峰值和波普效果(在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">×</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-select和webkit-touch-callout属性设置为无CSS。如果你正试图阻止它所有的“一”的标签,你可以做这样的事情:
a{
-webkit-user-select:none;
-webkit-touch-callout: none;
}
谢谢Yamartino,但它并不适用于“强压”(PEEK)工作,因为它正确地适用于“正常按住“这是另一回事:是否有其他的css声明用于”强大的新闻“? – Vincent
@Vincent在上面看到我更新的回复。当我尝试在Safari上禁用该类型的内容时,我实际上使用了这两个属性。在我的pressure.js库中,我做了以下操作来防止所有这些事件发生奇怪的动作,例如https://github.com/yamartino/pressure/blob/master/src/adapter.js#L41 – stuyam
抱歉,Yamartino,您的第二个解决方案在我的代码中不起作用。问题只在iOs上使用Safari。 – Vincent