我想创建一个div,它位于一个内容块下面,但是一旦页面滚动到足以接触其顶部边界,就会固定到位并与页面一起滚动.我知道我至少看过一个这样的在线例子,但我不记得它对我的生活.
有什么想法吗?
我使用-webkit-transform(和-moz-transform/-o-transform)来旋转div.还有固定的位置,所以div与用户一起缩小.
在Firefox中它工作正常,但在基于webkit的浏览器中,它已经破碎了.使用-webkit-transform后,固定的位置不再起作用!怎么可能?
阿div与"position: fixed"被嵌入到一个父div.当父母旋转或翻译时,孩子div也会移动.
这是一个错误吗?我希望孩子div能够保持固定.
HTML片段:
<div id="mask">
<div id="page">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
请访问:http://jsfiddle.net/PseKK/
我知道我可以通过对孩子应用逆向转换来修复它,div但出于性能原因,在我的实际场景中,我正在寻找一种不涉及额外转换的解决方案.
任何想法如何克服?