2

一直试图解决这个问题,但无法提出一个好的解决方案,也看不到 Fancybox 已经找到了解决方案?如我错了请纠正我。

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

解决方案

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

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

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

4

2 回答 2

1

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

于 2012-06-23T12:13:24.203 回答
0

也许只抑制水平滚动条:

overflow-y:hidden; 
于 2012-06-17T08:27:42.440 回答