๋ค์ํ ๊ธฐ๋ฅ์ ๊ฐ์ง ํดํ(tooltip) ํ์ธ ํ ์ ์๋ ๋ฌด๋ฃ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์๊ฐํฉ๋๋ค.
1. popper.js
๋ง์ด ์ฌ์ฉํ๊ณ ๋ถํธ์คํธ๋ฉ์๋ ๋ค์ด๊ฐ ์๋ ํดํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ !
์ฉ๋์ด ์์ ์ฌ์ฉ๊ฐ์ด ์ข๋ค๋ ์ฅ์ ์ด ์์
Home
Positioning tooltips and popovers is difficult. Popper is here to help! Popper is the de facto standard to position tooltips and popovers in modern web applications.
popper.js.org
2. Tippy.js
tippy.js๋ popper.js๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ ๊ทธ๋ ์ด๋ํํ ํ๋ฌ๊ทธ์ธ์ผ๋ก popper.js์ ์คํฌ๋กค ์ก์ ์ด ๊ธฐ๋ณธ ๊ธฐ๋ฅ
์ ๋๋ฉ์ด์ , ํ ๋ง ๋ฑ ๋ค์ํ ๊ธฐ๋ฅ์ ํฌํจ
https://atomiks.github.io/tippyjs/
Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
The complete tooltip, popover, dropdown, and menu solution for the web
atomiks.github.io
'js' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| ๋ ๊ฐ swiper๋ฅผ ์ด์ฉํ ๋ถ๋๋ฝ๊ฒ ํ๋ฅด๋ ์ฌ๋ผ์ด๋ ๋ง๋ค๊ธฐ (2) | 2023.01.27 |
|---|---|
| textarea ๊ธ์์ ์นด์ดํธ ๊ธฐ๋ฅ ๋ฐ ์ ํ (0) | 2022.03.05 |
| input file ์ปค์คํ ํ์ผ์ฒจ๋ถ ๊ธฐ๋ฅ (0) | 2021.10.08 |
| jQuery Migrate Plugin - Warning Messages (0) | 2021.01.25 |
| [swiper.js] slide effect fade, display:none=>block (2) | 2020.12.29 |
