blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

docs(DropdownMenu): add transform faq (#8568)

Browse Source
This commit is contained in:
neverland 2021-04-19 17:29:11 +08:00 committed by GitHub
parent d31ba22fdb
commit 74c314f2d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/dropdown-menu/README.zh-CN.md
View File

@ -203,3 +203,18 @@ export default {
| @dropdown-menu-option-active-color | `@red` | - |
| @dropdown-menu-content-max-height | `80%` | - |
| @dropdown-item-z-index | `10` | - |
## 常见问题
### 父元素设置 transform 后，下拉菜单的位置错误？
把 `DropdownMenu` 嵌套在 `Tabs` 等组件内部使用时，可能会遇到下拉菜单位置错误的问题。这是因为在 Chrome 浏览器中，transform 元素内部的 fixed 布局会降级成 absolute 布局，导致下拉菜单的布局异常。
将 `DropdownItem` 的 `get-container` 属性设置为 `body` 即可避免此问题：
```html
<van-dropdown-menu>
<van-dropdown-item get-container="body" />
<van-dropdown-item get-container="body" />
</van-dropdown-menu>
```