Ant-design: ๋“œ๋กญ๋‹ค์šด์˜ ์บ์Šค์ผ€์ด๋” ๋†’์ด ์ œ์–ด

์— ๋งŒ๋“  2017๋…„ 08์›” 29์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

๋ฒ„์ „

2.12.8

ํ™˜๊ฒฝ

ํฌ๋กฌ ๋…ธ๋“œ ๋ฐ˜์‘ ์›น 15.5.4

์žฌ์ƒ์‚ฐ ๋งํฌ

https://codepen.io/edencorbin/pen/WEamZa?editors=0010

์žฌํ˜„ ๋‹จ๊ณ„

~6๊ฐœ ์ด์ƒ์˜ ์˜ต์…˜์ด ์žˆ๋Š” ์บ์Šค์ผ€์ด๋”๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์Šคํฌ๋กค๋ฐ” ์ธํ„ฐํŽ˜์ด์Šค ์ด์ „์— ๋” ๋งŽ์€ ์˜ต์…˜์ด ํ‘œ์‹œ๋˜๋„๋ก ๋“œ๋กญ๋‹ค์šด์˜ ๋†’์ด๋ฅผ ์–ด๋–ป๊ฒŒ ์ œ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

์Šคํฌ๋กคํ•˜๊ธฐ ์ „์— ํ‘œ์‹œ๋˜๋Š” ํ•ญ๋ชฉ ์ˆ˜ ๋˜๋Š” ๋“œ๋กญ๋‹ค์šด์˜ ํ”ฝ์…€ ๋†’์ด๋ฅผ ์„ค์ •ํ•˜๋Š” ์˜ต์…˜์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋ฌธ์„œ์—์„œ ์ด๊ฒƒ์„ ๋ณด์ง€ ๋ชปํ–ˆ๋‹ค. ํ‘œ์ค€ ์„ ํƒ์€ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ชจ๋“  ์˜ต์…˜์„ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์ž๋™ ํฌ๊ธฐ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

5-6๊ฐœ์˜ ์˜ต์…˜์ด ํ‘œ์‹œ๋˜๊ณ  ๋‚˜๋จธ์ง€๋Š” ์Šคํฌ๋กค๋ฐ”๋ฅผ ํ†ตํ•ด ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์˜ต์…˜์ด ํ‘œ์‹œ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ์‹œ๊ฐ„์„ ๋‚ด์–ด ์ง€์ ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

popupClassName ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํŒ์—… ์ปจํ…Œ์ด๋„ˆ(๋ฐ ์ฝ˜ํ…์ธ )์˜ ์Šคํƒ€์ผ์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

.popupClassName {
  .ant-cascader-menu {
    height: xxx
  }
}

๋ชจ๋“  4 ๋Œ“๊ธ€

popupClassName ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํŒ์—… ์ปจํ…Œ์ด๋„ˆ(๋ฐ ์ฝ˜ํ…์ธ )์˜ ์Šคํƒ€์ผ์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

.popupClassName {
  .ant-cascader-menu {
    height: xxx
  }
}

๋“œ๋กญ๋‹ค์šด ์Šคํƒ€์ผ์˜ ์บ์Šค์ผ€์ด๋” ๋†’์ด๋ฅผ ์ œ์–ดํ•  ์ˆ˜ ์—†์œผ๋ฉฐ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ๋ฉ”์„œ๋“œ๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@ ddcat1115

์ œ๊ณต๋œ ์Šคํƒ€์ผ์€ ๋“œ๋กญ๋‹ค์šด ์Šคํƒ€์ผ์„ ์ œ์–ดํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰