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>

当外部div被转换时，保持内部div固定

1 个答案: