๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’š UIUX ์›นํผ๋ธ”๋ฆฌ์…” ๊ณผ์ •(6๊ฐœ์›”)

2021-08-09 (119์ผ์ฐจ) scroll-behavior, wiken.io ์‚ฌ์šฉ๋ฒ•

by widely design 2021. 8. 9.

wiken.io ์‚ฌ์šฉ๋ฒ•

์›น๊ธฐ์ดˆ 169๊ฐ• (id๋ฅผ ์ด์šฉํ•œ ์•ต์ปค ์ด๋™, scroll-behavior)

 

 

- scroll-behavior : smooth;

  : id๋ฅผ ์ด์šฉํ•œ ์•ต์ปค ์ด๋™์„ ํ•  ๋•Œ, ๋ฐ”๋กœ ์ด๋™์ด ์•„๋‹Œ! ์Šคํฌ๋กค ์ด๋™์„ ํ•˜๊ฒŒ ํ•ด์ค€๋‹ค.

 

โ€ป id ๋Š” ํ•œ ๊ฐ€์ง€๋งŒ ์ง€์ •ํ•ด์„œ ์“ธ ์ˆ˜ ์žˆ๋Š” ์ด๋ฆ„์ด๋‹ค. (๋™์ผ์‹œํ•œ id๋Š” ์กด์žฌํ•  ์ˆ˜ ์—†๋‹ค.)

  ใ„ด ์ค‘๋ณต๋  ์ˆ˜ ์—†๊ณ , ๋‹จ ํ•˜๋‚˜๋งŒ ์กด์žฌํ•ด์•ผ ํ•œ๋‹ค.

 

- wiken.io ์š”์ ์ •๋ฆฌ 1๊ฐœ ์ž‘์„ฑ

  ใ„ด block๊ณผ inline-block์˜ ์ฐจ์ด์ 

๋Œ“๊ธ€