
[javascript] bottom navbar / ํ๋จ ๋ด๋น๊ฒ์ด์
๋ฐ / bottom navigation bar
๐จ๐ป๊ฐ๋ฐ/๐Front-End
2022. 1. 11. 14:45
์๋ก ํ๋์ ํ๋ก์ ํธ์์ ๊ด๋ฆฌ์์ฉ ํ๋ฉด๊ณผ ์ฌ์ฉ์์ฉ ํ๋ฉด์ ๋์์ ๊ฐ์ด ์ฐ๋ ๊ฒฝ์ฐ๊ฐ ๊ฐํน ์๋ค. ๊ด๋ฆฌ์ ํ๋ฉด์ ๊ฒฝ์ฐ, ์ฌ์ฉํ๋ ๋ฉ๋ด๊ฐ ๋ง์ (์ฌ์ง์ด ๋๋กญ๋ค์ด ๋ฉ๋ด๊ฐ ํ๋คํ๋ค.) ์ฌ์ด๋๋ฉ๋ด(๋ฒ๊ฑฐ๋ฉ๋ด Burger Menu) ๋ก ๊ตฌํํ์๋ค. ์ด์๋ ๋ค๋ฅด๊ฒ ์ฌ์ฉ์ ํ๋ฉด์ ๊ฒฝ์ฐ ํ์ด์ง๊ฐ ๋ช ๊ฐ ์์ด ์๋์ ๊ฐ์ด Navigation bar๋ก ๊ตฌํํ์๋ค. #Lib jquery.min.js bootstrap.min.css fontawesome.all.css html ๋ด์ ๋ณด QRcode ๊ฑฐ๋๋ด์ญ ... ๋ก๊ทธ์์ //page init ์ ์ด๊ธฐ ์ธํ ์ ๊ฐ์ ํ ํ๊ธฐ ์ํด ์ ์ธ javascript ์ดํดํ๊ธฐ ์ฌ์ด ์ฝ๋์ด๋ค. this์ position ๊ฐ์ ์ฝ์ ํ์, ๊ฐ์ ๊ณ์ฐํ์ฌ css ๊ฐ์ ์์ ์ํจ๋ค. $(function ()..