箭头定位在fancybox

Question

我从fancybox运行以在从滑块单击标题时在iframe中显示博客帖子。 我想使用箭头，但箭头的默认定位意味着（至少在chrome中）按钮覆盖了博客文章的滚动条意味着用户无法滚动的区域。

我想重新定位箭头，使它们位于fancybox的左侧和右侧，而不是覆盖在盒子本身上，尽管我找不到这个选项。 有人可以帮帮我吗？

Answer 1

主页包含有用的演示集 - http://fancyapps.com/fancybox/#useful看起来你正在寻找＃6 - http://jsfiddle.net/fhpZ5/

Answer 2

您可以使用CSS重新定位箭头并将它们放在您喜欢的位置。

打开fancybox css文件（jquery.fancybox-1.3.4.css）和第145行，你应该找到以下css样式。 将左右位置从默认值（0）更改为您希望显示箭头的位置。

/* Line 145 (ish) of the fancybox css sheet */
#fancybox-left {
    left: -50px; /* Default: 0 */
}

#fancybox-right {
    right: -50px; /* Default: 0 */
}

-50px应该在框外拉两个箭头。 您可以更改此项以将箭头定位在您喜欢的位置。

---

更新 - V.2.0.3花式框样式表。
在V2版本中，在css表中查找以下内容并相应地更改它。

 /* Around line 117 in .css file */ .fancybox-prev { left: 0; /* Change to -50px */ } .fancybox-next { right: 0; /* Change to -50px */ }