Question

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

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

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 */
}

箭头定位在fancybox

2 个答案: