如何在移动设备上隐藏Fancybox导航箭头

Question

我整天都在这一天花了很多时间。在移动手机上，图库显示了图像上叠加的导航箭头。这些不是必需的，因为启用了滑动并破坏图像的外观。

我只需要隐藏移动设备的箭头，是否有建议这样做的方法？这似乎是人们可能想做的常见的事情，但是我找不到网络上的任何内容。

我已经尝试了一些JS代码来更改库的选项以无效，并且无法弄清楚如何使用媒体查询来修改CSS。

Answer 1

有一个选项arrows您可以用来切换导航箭头。您可以自己设置为移动设备，也可以使用方便的mobile选项，例如：

$('[data-fancybox="images"]').fancybox({
   mobile : {
       arrows: false
   }
});