Fancybox不考虑滚动条宽度

时间:2012-04-09 10:35:54

标签: javascript css fancybox width scrollbar

一直试图解决这个问题,但是无法想出一个好的解决方案而且看不到Fancybox已经得到了解决方案吗?如果我错了,请纠正我。

问题: 我有一个Fancybox打开一个iFrame,用户经过几个步骤(新页面)。他们中的一些有很多内容,这给了我滚动条,有些没有。问题是Fancybox没有考虑滚动条的宽度,也给了我x滚动条。

解决方案

  • 我可以将Fancybox宽度设置为+ 20,大约相当于滚动条的大小,但不是在每个浏览器中,如果没有滚动条,它会给我一些奇怪的间距。
  • 我可以添加溢出:隐藏在某处,但这会过多地削减我的内容。
  • 我可以自己写一些JS来弄清楚滚动条是否挡路。
  • 或者我可以添加overflow-y:scroll,它会一直显示一个滚动条,但不会在每个浏览器中都会产生奇怪的间距。

这是我能想到的一些解决方案,但没有一个是好的imo。你们会做什么?

修改 在与Rlemon聊天之后,我决定在具有固定宽度元素的内容周围放置一个容器,并在body上设置overflow-x:hidden。这一切都意味着我可以隐藏任何太多因为我知道固定宽度元素在里面并且是可见的。

2 个答案:

答案 0 :(得分:1)

在与Rlemon聊天后,我决定在具有固定宽度元素的内容周围放置一个容器,并在body上设置overflow-x:hidden。这一切都意味着我可以隐藏任何太多因为我知道固定宽度元素在里面并且是可见的。

答案 1 :(得分:0)

也许只能抑制水平滚动条:

overflow-y:hidden;