๐Ÿ‘จ‍๐Ÿ’ป kimtongting
article thumbnail
[javascript] bottom navbar / ํ•˜๋‹จ ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฐ” / bottom navigation bar

์„œ๋ก  ํ•˜๋‚˜์˜ ํ”„๋กœ์ ํŠธ์—์„œ ๊ด€๋ฆฌ์ž์šฉ ํ™”๋ฉด๊ณผ ์‚ฌ์šฉ์ž์šฉ ํ™”๋ฉด์„ ๋™์‹œ์— ๊ฐ™์ด ์“ฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๊ฐ„ํ˜น ์žˆ๋‹ค. ๊ด€๋ฆฌ์ž ํ™”๋ฉด์˜ ๊ฒฝ์šฐ, ์‚ฌ์šฉํ•˜๋Š” ๋ฉ”๋‰ด๊ฐ€ ๋งŽ์•„ (์‹ฌ์ง€์–ด ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด๊ฐ€ ํ—ˆ๋‹คํ•˜๋‹ค.) ์‚ฌ์ด๋“œ๋ฉ”๋‰ด(๋ฒ„๊ฑฐ๋ฉ”๋‰ด Burger Menu) ๋กœ ๊ตฌํ˜„ํ•˜์˜€๋‹ค. ์ด์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ์‚ฌ์šฉ์ž ํ™”๋ฉด์˜ ๊ฒฝ์šฐ ํŽ˜์ด์ง€๊ฐ€ ๋ช‡ ๊ฐœ ์—†์–ด ์•„๋ž˜์™€ ๊ฐ™์ด Navigation bar๋กœ ๊ตฌํ˜„ํ•˜์˜€๋‹ค. #Lib jquery.min.js bootstrap.min.css fontawesome.all.css html ๋‚ด์ •๋ณด QRcode ๊ฑฐ๋ž˜๋‚ด์—ญ ... ๋กœ๊ทธ์•„์›ƒ //page init ์‹œ ์ดˆ๊ธฐ ์„ธํŒ…์„ ๊ฐ•์ œํ™” ํ•˜๊ธฐ ์œ„ํ•ด ์„ ์–ธ javascript ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ์ฝ”๋“œ์ด๋‹ค. this์˜ position ๊ฐ’์„ ์ฝ์€ ํ›„์—, ๊ฐ’์„ ๊ณ„์‚ฐํ•˜์—ฌ css ๊ฐ’์„ ์ˆ˜์ •์‹œํ‚จ๋‹ค. $(function ()..