Fancybox 3 - prevent moblie view swipe up or click overlay area close
我试图使fancybox只能通过关闭按钮关闭。 我看了fancyBox3文档，但还是不知道。 fancybox的默认设置仅可防止鼠标在关闭外部单击和鼠标触摸关闭。 即使将触摸设置设置为false，向上滑动或单击覆盖区域关闭问题，在移动视图上仍然会发生。
我有一个示例脚本来显示fancybox。
的HTML
1 | <img src="https://farm6.staticflickr.com/5519/9432166677_61aa7e7f90_m_d.jpg"> |
JS
1 2 3 4 5 6 7 8 9 | $(document).ready(function() { $.fancybox.open({ src:"#fancybox", type:"inline", clickSlide : 'false', clickOutside : 'false', touch: false }); }); |
JSFIDDLE
有什么想法可以防止手机近距离滑动吗？ 谢谢！
尝试这个。 给出
1 2 3 4 5 6 7 8 9 | $(document).ready(function() { $.fancybox.open({ src:"#fancybox", type:"inline", clickSlide : 'false', clickOutside : 'false', "touch":false\t }); }); |
1 2 3 4 5 6 7 | <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js"> <img src="https://farm6.staticflickr.com/5519/9432166677_61aa7e7f90_m_d.jpg"> |
这是禁用垂直拖动的方法：
1 2 3 4 5 | $('[data-fancybox="images"]').fancybox({ touch: { vertical: false } }); |
演示-https://codepen.io/anon/pen/bYEQmM