我使用fancybox在一个iframe中显示博客文章,当从滑块中点击标题时。我想使用箭头,但是箭头的默认位置意味着(至少在chrome中),按钮覆盖了博客文章的滚动条所在的区域,这意味着用户无法滚动。
我想重新定位箭头,使它们位于fancybox的左侧和右侧,而不是重叠在框本身上,尽管我找不到此选项。有人能帮帮我吗?
您可以使用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
应该将两个箭头拉到盒子外面。您可以更改此位置以放置箭头。
/* Around line 117 in .css file */
.fancybox-prev {
left: 0; /* Change to -50px */
}
.fancybox-next {
right: 0; /* Change to -50px */
}
!important
覆盖 fancy box 样式。 - Anil