Javascript 如何在Fancybox 3.5中使用粘性css

我正在使用fancybox灯箱中的引导列和引导行为课堂作业构建一个匹配测验。我想使用

位置：粘性

在滚动时将其中一列固定到位。不幸的是

 position: -webkit-sticky; /* Safari */
 position: sticky;
 top: 0;

似乎做不到这项工作

我的浏览器的开发人员工具表明，即使列div的顶部超出窗口的顶部，这些属性也不会被覆盖。我试过调整柱子的高度，但似乎不起作用

为了它的价值，我使用了

position:sticky没有问题

下面是一个代码笔，它捕获了我正在尝试做的基本内容。我尝试粘贴的div称为#namesBox。我希望它在用户向下滚动fancybox的其余部分时保持在原位


我是否需要添加特定的css属性，或者在fancybox默认设置中需要更改某些内容以允许这样做

提前谢谢你
 我确信您已经从这一点出发了，但任何人在这一点上遇到障碍，
位置：sticky
对于具有任何
溢出
值的祖先（而非
可见
）将无法按预期工作。由于fancybox（以及大多数lightbox解决方案）向body元素添加了
overflow:hidden
，sticky将不起作用

据我所知，除了删除body元素和所有其他祖先的
溢出：hidden
规则之外，没有其他方法可以解决这个问题。这在实践中并不起作用，因为fancybox依赖于几个嵌套的溢出规则，以便在其modals中提供滚动

来源：
我肯定你已经离开了这一点，但是任何人在这一点上绊倒了，
位置：sticky
不会像预期的那样与任何值为
overflow
的祖先一起工作，而不是
visible
。由于fancybox（以及大多数lightbox解决方案）向body元素添加了
overflow:hidden
，sticky将不起作用

据我所知，除了删除body元素和所有其他祖先的
溢出：hidden
规则之外，没有其他方法可以解决这个问题。这在实践中并不起作用，因为fancybox依赖于几个嵌套的溢出规则，以便在其modals中提供滚动

来源：
您能提供一些样品/演示吗？我相信，如果你能让你的元素“粘性”，那么它就没有理由不在fancybox中工作。刚刚添加了一个codepen链接。您的代码似乎太复杂了，我不确定是否要调试它。您能提供一些示例/演示吗？我相信，如果你能让你的元素“粘性”，那么它就没有理由不在fancybox中工作。刚刚添加了一个codepen链接。您的代码似乎太复杂了，我不确定是否要调试它。