css - 转换外部 div 时保持内部 div 固定

Question

在我正在处理的网页上，我正在缩放 div 以适应某些视口。内部 div 之一具有固定定位，以便在 div 内滚动时将其保持在顶部。

<div id='a'>
    <div id = 'b'>This should be fixed</div>
    <div id = 'c'>normal</div>
    <div id = 'd'>normal</div>
</div>

但是，使用 CSS 变换缩放 div 后，它不再停留在页面顶部。关于做什么的任何想法或解释为什么会发生这种情况？

#a{
    height: 2000px;
    transform-origin: 0% top;
    transform: scale(0.96, 0.96);
    -webkit-transform-origin: 0% top;
    -webkit-transform: scale(0.96, 0.96); 
}
#b{
    position: fixed;
}

我提供了一个 jsfiddle 来演示我正在尝试做的事情：http: //jsfiddle.net/pkoq8ctj/

Answer 1

我觉得如果它已修复，则不需要在另一个 div 内。这是一个小提琴。

http://jsfiddle.net/ivanjsfiddle00/pkoq8ctj/1/

<div id = 'b'>This should be fixed</div>
<div id='a'>
    <div id = 'c'>normal</div>
    <div id = 'd'>normal</div>
</div>