javascript - Fancybox 不考虑滚动条宽度

Question

一直在努力解决这个问题，但无法想出一个好的解决方案，而且看不到 Fancybox 已经为此找到了解决方案？如果我错了，请纠正我。

问题: 我有一个 Fancybox，它打开一个 iFrame，用户可以在其中完成几个步骤(新页面)。其中一些有相当多的内容，这给了我滚动条，而有些则没有。问题是 Fancybox 没有考虑滚动条的宽度，并且还给了我 x-scrollbar。

解决方案

• 我可以将 Fancybox 宽度设置为 +20，大约是滚动条的大小，但不是在每个浏览器中都如此，如果没有滚动条，它会给我一些奇怪的间距。
• 我可以添加 overflow: hidden somewhere，但这会裁剪我的内容太多。
• 我可以自己写一些 JS 来弄清楚滚动条是否挡住了路。
• 或者我可以添加 overflow-y: scroll，它会一直显示滚动条，但不知何故不是在每个浏览器中都会显示奇怪的间距。

这是我能想到的一些解决方案，但我觉得都不好。你们会怎么做？

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

Answer 1

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