如何将固定元素放入转换后的容器中?

时间:2018-11-11 18:19:35

标签: html css css3 css-position css-transforms

我编写的应用程序由许多路径组成,这些路径之间具有过渡动画。看起来像:

<section class="a animated bounceUp">...</section>
<section class="b">...</section>

当我更改路线时,它将显示动画并渲染新内容-非常简单的行为。

今天,我创建了一个新部分,我需要将固定到视口的固定滤镜放入其中。看起来应该像这样:

<section class="a">...</section>
<section class="b">...</section>
<section class="c animated bounceDown">
 <div class="fixed-filters">...</div>
 <div>...</div>
</section>

在这里我遇到了我的问题。我在div中添加了固定位置,但是它不起作用。元素没有固定位置。

我当然对此进行了研究,发现以下文章: 'transform3d' not working with position: fixed childrenhttps://www.achrafkassioui.com/blog/position-fixed-and-CSS-transforms/

哪个说我不能这样做,因为:

“变换”会创建一个新的本地坐标系:

  

在HTML命名空间中,除了转换以外的任何值   导致创建堆栈上下文和包含   块。该对象充当固定位置的包含块   后裔。

那结束了吗?也许有什么解决方案怎么做? 感谢您在解决此问题或找到任何人都可以使用的好的解决方法方面的帮助。

0 个答案:

没有答案