GlassBottomNav 调试信息
容器检查 (.glass-nav-container)
元素存在: {{ debugInfo.containerExists ? '✓ 是' : '✗ 否' }}
position: {{ debugInfo.containerPosition }}
bottom (CSS): {{ debugInfo.containerBottomStyle }}
bottom (实际): {{ debugInfo.containerRectBottom }}px
width: {{ debugInfo.containerWidth }}px
height: {{ debugInfo.containerHeight }}px
z-index: {{ debugInfo.containerZIndex }}
药丸导航 (.nav-pill)
元素存在: {{ debugInfo.pillExists ? '✓ 是' : '✗ 否' }}
width: {{ debugInfo.pillWidth }}px
height: {{ debugInfo.pillHeight }}px
bottom (实际): {{ debugInfo.pillRectBottom }}px
父容器 (.app-root)
overflow: {{ debugInfo.appRootOverflow }}
height: {{ debugInfo.appRootHeight }}px
position: {{ debugInfo.appRootPosition }}
视口信息
window.innerHeight: {{ debugInfo.windowHeight }}px
--vh: {{ debugInfo.vhVar }}
safe-area-bottom: {{ debugInfo.safeAreaBottom }}
结果
距离底部: {{ debugInfo.distanceFromBottom }}px
{{ parseFloat(debugInfo.distanceFromBottom) < 2 ? '✓ 已贴底' : '✗ 未贴底' }}