height属性必须显式设置,否则marquee默认高度由内容撑开,无法形成可控滚动区域;垂直滚动(up/down)依赖明确高度边界,无height则内容全显、滚动动画被跳过。

height 属性必须显式设置,否则 <marquee></marquee> 默认高度由内容撑开,无法形成可控滚动区域。
为什么 height 不设就滚不起来(尤其 vertical 场景)
垂直方向滚动(direction="up" 或 direction="down")依赖容器有明确高度边界。若未设 height,浏览器按内容自然高度渲染,<marquee></marquee> 实际无“可滚动空间”——内容一出现就全部可见,滚动动画被跳过。
常见现象:文字一闪而过、只显示首行、或完全静止不动。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML,微信编辑器可直接渲染,无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 仅设
width不够,height是纵向滚动的必要前提 - 父容器
overflow: hidden不能替代height——<marquee></marquee>自身需定义尺寸 - 百分比值(如
height="50%")在多数浏览器中无效,必须用像素(px)或固定单位
height 值怎么选才不切字、不溢出
滚动区域高度应 ≥ 单行内容高度 × 可见行数。实际要留余量,避免文字被截断或底部留白过大。
- 纯文字场景:用
line-height估算,例如字体大小 14px + 行高 1.5 → 单行约 21px,显示 2 行建议设height="48px" - 含图片时:图片高度 + 上下 padding 必须 ≤
height,否则图片会被裁剪 - 动态内容(如 JS 注入文字):优先用固定高度 +
overflow: hidden父容器兜底,避免重排抖动
和 scrollamount、scrolldelay 的配合关系
height 不影响速度参数,但决定“一次滚动是否能完成全程”。若 height 过小,scrollamount 设再大也只会闪一下;若过大,scrolldelay 显得拖沓。
- 向上滚动(
direction="up")时,内容从底部进入,顶部离开。总滚动距离 ≈ 内容总高度 −height - 当内容高度远大于
height,增大scrollamount(如 12–20)可加快穿越速度,但超过 25 易造成阅读困难 -
scrolldelay小于 60 毫秒通常被忽略(除非加truespeed),所以height越大,越需要调高scrolldelay来维持可读节奏
真正难的不是写对 height,而是它和内容真实高度、字体渲染差异、缩放比例之间的隐性耦合——同一数值在 Chrome 和 Safari 中可能差 2px,导致最后一行刚好被切掉。上线前务必在目标设备上实测滚动终点是否完整可见。

















