Jquery ';全屏';和';关闭';FancyBox中的按钮

Jquery ';全屏';和';关闭';FancyBox中的按钮,jquery,html,css,fancybox-3,Jquery,Html,Css,Fancybox 3,我将FancyBox v3.0.47用于Ajax(html文件)。我们的测试人员注意到,全屏幕和关闭按钮被模式屏幕的垂直滚动区域遮挡 是否有办法调整控件的右边距,将控件向左移动约12px?我尝试在下面的CSS中设置正确的边距,但没有成功。我是在正确的控制下,还是应该找其他地方 .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; margin-right: 12px; text-align:

我将FancyBox v3.0.47用于Ajax(html文件)。我们的测试人员注意到,全屏幕和关闭按钮被模式屏幕的垂直滚动区域遮挡

是否有办法调整控件的右边距,将控件向左移动约12px?我尝试在下面的CSS中设置正确的边距,但没有成功。我是在正确的控制下,还是应该找其他地方

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-right: 12px;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }
尝试更改: 右:0

致:
右:12px

你有一个代码示例吗?另一个简单的解决方案是使用CSS将按钮移动到左侧。或者让你的内容可以滚动,而不是整个幻灯片。这很有效!作为记录,18px非常适合将控件移到滚动条之外。