marquee标签配合behavior属性无法实现真正无缝滚动，因其依赖浏览器私有行为、位移不精准、视觉衔接无保障，且现代浏览器已静默降级或不支持；应改用transform: translatex() + @keyframes方案，严格匹配内容物理宽度以实现像素级无缝循环。
marquee 标签配合 behavior 属性无法实现真正无缝滚动——它看起来“连续”，但本质是浏览器私有行为，不控制位移精度，也不保证视觉衔接，在现代项目中不应作为解决方案。
behavior="scroll" 的实际表现与局限
behavior="scroll" 是 marquee 的默认值，表现为内容从右向左无限循环滑动。但它不是“无缝”，而是强制重置位置：滚动到末尾后，浏览器粗暴跳回起点，中间无过渡，人眼在低速或大内容下极易察觉停顿或闪跳。
- 它不响应
white-space: nowrap或容器overflow控制，宽度计算完全黑盒 -
scrollamount和scrolldelay是离散步进，无法做到像素级匀速 - iOS Safari、新版 Chrome 已静默降级渲染，部分机型直接不滚动或只闪一下
为什么 behavior="alternate" 更不可靠
behavior="alternate" 声称“来回滚动”，但实际行为因浏览器而异：
- Firefox 中反弹点偏移，文字撞边后回弹延迟不一致
- Edge 可能触发两次
onbounce，而 Chrome 只触发一次 - 没有 API 获取当前滚动位置，无法与 JS 同步状态
- 无法暂停、变速、反向——所谓
onmouseover="this.stop()"在 Safari 中根本无效
真正可控的无缝滚动必须绕过 marquee
核心矛盾在于：marquee 是布局层操作（重排），而无缝滚动必须是合成层位移（重绘）。替代方案只有一条路径：
- 使用
transform: translateX()+@keyframes - 内容需设
white-space: nowrap，父容器设overflow: hidden - 动画终点必须严格等于内容总宽（不是
100%）：@keyframes scroll-left {<br> 0% { transform: translateX(100%); }<br> 100% { transform: translateX(-px); }<br>} - 若内容动态加载或字体加载影响宽度，必须用 JS 测量
scrollWidth后注入动画时长和位移值
关键点就一个：无缝不是靠标签属性堆出来的，是靠位移距离与内容物理宽度严格对齐实现的。用 marquee + behavior 就像用胶带绑住两段录像带然后高速播放——它动了，但接缝永远在。
