blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(FloatingPanel): dragging down causes the page to move (#12314)

Browse Source
This commit is contained in:
ShuGang Zhou 2023-09-24 15:04:08 +08:00 committed by GitHub
parent 8eac20b9cb
commit 0477c0e2e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant/src/floating-panel/FloatingPanel.tsx
View File

@ -143,7 +143,7 @@ export default defineComponent({
{ immediate: true }, { immediate: true },
); );
useLockScroll(rootRef, () => props.lockScroll); useLockScroll(rootRef, () => props.lockScroll || dragging.value);
// useEventListener will set passive to `false` to eliminate the warning of Chrome // useEventListener will set passive to `false` to eliminate the warning of Chrome
useEventListener('touchmove', onTouchmove, { target: rootRef }); useEventListener('touchmove', onTouchmove, { target: rootRef });

2
packages/vant/src/floating-panel/README.md
View File

@ -88,7 +88,7 @@ By default, both the header and content areas of FloatingPanel can be dragged, b
| anchors | Setting custom anchors, unit `px` | _number[]_ | `[100, window.innerWidth * 0.6]` | | anchors | Setting custom anchors, unit `px` | _number[]_ | `[100, window.innerWidth * 0.6]` |
| duration | Transition duration, unit second | _number \| string_ | `0.3` | | duration | Transition duration, unit second | _number \| string_ | `0.3` |
| content-draggable | Allow dragging content | _boolean_ | `true` | | content-draggable | Allow dragging content | _boolean_ | `true` |
| lock-scroll `v4.6.4` | Whether to lock background scroll | _boolean_ | `false` | | lock-scroll `v4.6.4` | When not dragging, Whether to lock background scroll | _boolean_ | `false` |
| safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` | | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
### Events ### Events

2
packages/vant/src/floating-panel/README.zh-CN.md
View File

@ -88,7 +88,7 @@ export default {
| anchors | 设置自定义锚点, 单位 `px` | _number[]_ | `[100, window.innerWidth * 0.6]` | | anchors | 设置自定义锚点, 单位 `px` | _number[]_ | `[100, window.innerWidth * 0.6]` |
| duration | 动画时长，单位秒，设置为 0 可以禁用动画 | _number \| string_ | `0.3` | | duration | 动画时长，单位秒，设置为 0 可以禁用动画 | _number \| string_ | `0.3` |
| content-draggable | 允许拖拽内容容器 | _boolean_ | `true` | | content-draggable | 允许拖拽内容容器 | _boolean_ | `true` |
| lock-scroll `v4.6.4` | 是否锁定背景滚动 | _boolean_ | `false` | | lock-scroll `v4.6.4` | 当不拖拽时，是否锁定背景滚动 | _boolean_ | `false` |
| safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` | | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
### Events ### Events