fixed&sticky
๐ position: fixed;
์์๋ฅผ ์ผ๋ฐ์ ์ธ ๋ฌธ์์ ํ๋ฆ์์ ์ ๊ฑฐํ๊ณ , ์ง์ ๋ ์์น์ ๊ณ ์ ์ํต๋๋ค.
.pos {
position: fixed;
top: 50px;
left: 50px;
}
์์์๋ถํฐ 50px ์ผ์ชฝ์์๋ถํฐ 50px ๋จ์ด์ง ์๋ฆฌ์์ ์์ง์ด์ง ์๋๋ค.
๐ position: sticky;
์์๋ฅผ ์ผ๋ฐ์ ์ธ ๋ฌธ์ ํ๋ฆ์ ๋ฐ๋ผ ๋ฐฐ์นํ๊ณ , ์คํฌ๋กค(roll)๋๋ ๊ฐ์ฅ ๊ฐ๊น์ด ์์ ์์์ ๋ํด ์คํ์ ์ ์ ์ฉํฉ๋๋ค.
.pos {
position: sticky;
}
์คํฌ๋กค ์ด๋์ผ๋ก ์์๊ฐ ์์ง์ฌ๋ ์คํฐํค ์์๋ ๊ณ ์ ๋ ์ํ๋ฅผ ์ ์งํ๋ค.
์ถ์ฒ
- ์ ๋ ธ์ฝ๋ฉ
๐ฌ ์ต์ ๋๊ธ