2012-04-09 85 views
2

一直试图弄清楚这一点,但不能拿出一个很好的解决方案,不能看到Fancybox已经得到了这个解决方案?如我错了请纠正我。Fancybox不占用滚动条宽度

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

解决方案

  • 我可以在每个浏览器设置的fancybox宽度的东西+ 20,那是关于一个滚动条的大小,而不是和它会给我一些奇怪的空间,如果世界上没有滚动条。
  • 我可以添加溢出:隐藏在某个地方,但这会裁剪我的内容太多。
  • 我可以写一些JS我自己找出滚动条是否挡道。
  • 或者我可以添加overflow-y:scroll,它会一直显示一个滚动条,但不知何故,每个浏览器都不会出现奇怪的间距。

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

编辑 与Rlemon聊天之后,我决定把容器周围有固定宽度元素的内容,并设置溢出-X:隐藏在身上。这一切意味着我可以隐藏任何太多的东西,因为我知道固定宽度的元素在里面并且是可见的。

+1

你有可能*显示*我们的问题? http://jsfiddle.net或截图可能?也有一些代码会有所帮助。 – rlemon 2012-04-10 18:50:51

回答

1

与Rlemon聊天之后,我决定把容器周围有固定宽度的元素,并设置溢流-X内容:藏在身上。这一切意味着我可以隐藏任何太多的东西,因为我知道固定宽度的元素在里面并且是可见的。

0

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

overflow-y:hidden;