转换外部 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>