我已经尝试了一个多星期而且我即将放弃，因为我认为这是不可能的，但我想首先联系这个令人敬畏的社区。
我想要实现的目标是以某种方式克服堆叠的z-index设置。
让我给你举个例子，这样你就可以更快地得到这个想法：
http://raulmellado.com/clientes/zindextest/
我想要的是在所有元素之上设置绿色div（#shouldbeontop）（我将其设置为position：fixed）。
在stackoverflow中的其他响应中（是的，我已经在这里阅读了几十个主题），答案是更改html，移动元素等等，但我的问题是我创建#shouldbeontop和#scrollbar元素动态地使用js（我的应用程序比这个例子复杂一点，但我已经尝试简化以在这里分享我的问题）。
我已经创建了一个可以嵌入（理想情况下）添加元素的网页的js，所以我可以根据需要使用js，但我可以假设#shouldbeontop和#scrollbar元素将是那里;剩下的可能是已经存在的任何html / css组合。
通常情况下，在不同的div中没有z-index的情况下，这样可以很好地工作，但只要有一些堆叠，它就会断开： - （
如果你想看到这个的真实应用，你可以在这里找到一个快速的＆amp;脏演示：http://videngage.me/demo/demo1.html（这里没有z-index，所以视频[#shouldbeontop在我的简化演示中]总是显示在顶部（当你向下滚动时），但是这里http://www.members.skolahudbyonline.eu/rytmus-trening-majstra/视频去了当你向下滚动时落后）
是否存在通用解决方案（使用css和/或js），还是应该放弃？
非常感谢你的帮助