layui中offset参数设为'r'或'b'可实现右侧或底部贴边定位，二者均为内置小写方位符；错误写法如'right'、对象格式或大小写错误将导致退化居中或错位，且需配合area数组和避免父级transform干扰。
layer.open 的 offset 参数怎么写右侧或底部位置
直接用字符串值 offset: 'r' 或 offset: 'b'，这是 Layui 内置的方位符，不是 CSS 属性，也不接受 'right'、'bottom' 这类单词。写错就退化为居中（'auto'），或者被当作像素值解析导致错位。
可用方位符只有 8 个：t（上）、r（右）、b（下）、l（左）、rt（右上）、rb（右下）、lt（左上）、lb（左下）。
-
offset: 'r'：右侧贴边，垂直居中；适合抽屉、侧边栏 -
offset: 'b'：底部贴边，水平居中；适合底部操作提示条 - 别写成
offset: ['0', '100%']或offset: {left: '100%'}——Layui 不识别对象写法，会忽略
右侧弹窗为什么只显示一半？宽度被截断了
默认 maxWidth: 360 会生效，但仅当 area 未设或为 'auto' 时才起作用。一旦你用了 offset: 'r' 却没配 area，弹窗就会被硬卡在 360px 宽。
正确做法是显式设 area 为数组格式：
-
area: ['420px', '100%']：固定宽 + 全高，适合内容高度可控的抽屉 -
area: ['80%', 'auto']：响应式宽 + 自适应高，小屏下更安全 - 写成
area: '420px'是错的——它会被当作文本内容处理，高度 fallback 到约 200px，内容直接被截断
底部弹窗滚动时跟着动，或者被遮住
根本原因是 fixed 定位失效，常见于父容器加了 transform、perspective 或 filter。这些 CSS 属性会让 position: fixed 相对于该容器定位，而不是视口。
必须同时满足三个条件才能稳定停在底部：
-
offset: 'b'（明确指定方位） -
shade: false（否则半透明遮罩盖住页面其他操作） - 确保 DOM 已挂载，且外层无破坏 fixed 的 CSS —— 可用开发者工具检查弹层元素的
style.top是否接近window.innerHeight
如果用了 Vue/React 动态渲染，layer.open() 必须在节点真实插入 DOM 后调用，否则 offset 计算基于空尺寸，位置偏移。
右侧/底部弹窗需要动画效果怎么配
动画和 offset 方向要匹配，否则视觉错乱。Layui 的 anim 值是语义化的，不是方向描述：
-
offset: 'r'+anim: 'slideLeft'：从右滑入（推荐） -
offset: 'b'+anim: 'slideUp'：从下往上推入 -
anim: 5是渐显，不是滑入；anim: 'slideRight'配offset: 'r'会导致内容从左边飞进来
另外，closeBtn: 0 推荐设为 0，尤其用于自动提示场景，避免用户误点关闭；shadeClose: false 要配合 cancel 回调一起用，否则 ESC 键仍可关闭。
真正容易被忽略的是：方位符大小写敏感（必须小写 r/b），area 必须是数组，以及父级 transform 对 fixed 的静默破坏——这三点出错，位置看起来“对”，但行为完全不可控。
