Bootstrap 3.1.1 Affix和Youtube问题

Question

当页面上嵌入了youtube时，有没有任何理由说明Affix会出现问题？滚动时，左侧边栏（这是我正在粘贴的内容）不会粘贴。在第二个屏幕截图中，我在侧边栏上盘旋，以便弹出一些元素，以便您可以看到它。我删除了youtube视频，它运行得很好。如果需要，我可以发布更具体的信息......我在网上找不到任何有关此特定问题的资源。

Answer 1

解决方案是添加：

-webkit-transform: translate3d(0,0,0);

到.sidebar-affix班。

原因是.ytp-force-transform具有以下样式：

-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);

这影响了侧边栏的渲染。简单的修复只是将translate3d(0,0,0)样式添加到侧边栏，以便youtube的css不再干扰它。

以下是translate3d(0,0,0)所做的一个很好的解释：http://aerotwist.com/blog/on-translate3d-and-layer-creation-hacks/