Fancybox 不考虑滚动条宽度

Question

一直在尝试解决这个问题，但无法提出好的解决方案，并且看不到 Fancybox 已经找到了解决方案？如果我错了，请纠正我。

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

解决方案

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

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

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

Answer 1

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

Answer 2

也许只抑制水平滚动条：

overflow-y:hidden;