居中弹窗(placement=center,点按钮打开)
提交后将进入审核流程,期间不可修改。
底部弹出(placement=bottom + round=true:滑入 240ms,靠内容一侧切圆角)
底部浮层是移动端最常用的形态:拇指可达,且不遮挡上下文。
顶部弹出(placement=top:常用于全局提示条与地址选择)
顶部浮层从屏幕上方滑入,适合「一次性选择后立即关闭」的场景。
左右侧滑(placement=left / right:高度铺满,默认展开对照)
侧滑用于展示次级导航或详情,宽度受限(不超过 80%)。
遮罩不关闭(closeOnMask=false:误触遮罩不关闭浮层,默认展开)
表单类内容不该因为一次误触就丢弃已填数据,因此关闭遮罩点击。
内容超长(body 内部滚动,头部与遮罩不滚动;默认展开)
第一条 · 本服务由 Kole UI 提供,用于演示移动端浮层的内容滚动行为。
第二条 · 浮层高度上限为屏幕的 80%,超出部分在内容区内部滚动。
第三条 · 头部与关闭按钮固定,不随内容滚动,保证任何位置都能关闭。
第四条 · 遮罩层不参与滚动,滚动链不会穿透到页面正文。
第五条 · 关闭后焦点回到触发元素,键盘用户不会丢失位置。
第六条 · 条款内容仅为演示数据,不代表任何真实服务约定。