position: fixed μ transform
transfrom μ€νμΌμ΄ μ μ©λ μμμ μμμμμμ position: fixedλ₯Ό μ μ©μν€λ©΄ μλνλλ‘ λμνμ§ μλ κ²μ λ³Ό μ μλ€. λ³΄ν΅ λ·°ν¬νΈλ₯Ό κΈ°μ€μΌλ‘ μμλ₯Ό μμΉμν€κΈ° μν΄ fixedλ₯Ό μ¬μ©νμ§λ§, transfromμ΄ μ μ©λ μμμ λ΄λΆμμλ transfrom μμλ₯Ό κΈ°μ€μΌλ‘ λ°°μΉκ° λκ² λλ€.
μ΄μ λ₯Ό w3 곡μλ¬Έμμμ νμΈν μ μμλ€.
For elements whose layout is governed by the CSS box model, any value other than none for the transform property also causes the element to establish a containing block for all descendants. Its padding box will be used to layout for all of its absolute-position descendants, fixed-position descendants, and descendant fixed background attachments.
transform μμ±μ΄ μ μ©λλ©΄ ν΄λΉ μμλ 컨ν μ΄λ λΈλ‘ μμμ νμ±νκ² λλ€. λλΆλΆμ μμλ 컨ν μ΄λ λΈλ‘μ κΈ°μ€μΌλ‘ ν¬κΈ°μ μμΉλ₯Ό κ³μ°νλ€. μ΄ μμ±λ 컨ν μ΄λ λΈλ‘μ position: fixed λ μμμλ μν₯μ λ―ΈμΉκΈ° λλ¬Έμ λ·°ν¬νΈκ° μλ transformμ΄ μ μ©λ λΆλͺ¨ μμλ₯Ό κΈ°μ€μΌλ‘ μμΉλ₯Ό κ³μ°νκ² λλ κ²μ΄λ€.
μ°Έκ³
https://www.w3.org/TR/css-transforms-1/#transform-rendering
https://www.w3.org/TR/CSS2/visudet.html