FancyBox 中的“全屏”和“关闭”按钮答案

【问题标题】：'full screen' and 'close' buttons in FancyBoxFancyBox 中的“全屏”和“关闭”按钮
【发布时间】：2017-04-04 18:44:46
【问题描述】：

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

有没有办法调整控件的右边距以将控件向左移动大约 12 像素？我尝试在下面的 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; }

【问题讨论】：

你有一些代码示例吗？
另一个简单的解决方案是使用 CSS 将按钮移动到左侧。
或者让你的内容可以滚动而不是整个幻灯片。

标签： jquery html css fancybox-3

【解决方案1】：

尝试更改：右：0；

到：右：12px;

【讨论】：

这成功了！作为记录，18px 非常适合将控件移出滚动条。