如何在SharePoint Online中实现横向滚动文本（Marquee效果）

SharePoint Online没有原生支持Marquee效果的Web部件，下面提供两种可行的实现方式：

方法一：用「嵌入代码」Web部件快速实现 #

这是最简便的方案，直接通过HTML代码实现：

1. 进入页面编辑模式，点击页面上的「+」按钮，搜索并添加「嵌入代码」Web部件。
2. 在弹出的代码输入框中，粘贴以下代码，替换掉示例文本即可：

<marquee behavior="scroll" direction="left" scrollamount="3" style="font-size:16px; color:#333; padding:10px;">
这里替换成你需要滚动的文本内容
</marquee>

3. 可根据需求调整参数：
   • direction：设置滚动方向，可选left（向左）、right（向右）
   • scrollamount：控制滚动速度，数值越大速度越快
   • style属性里可以自定义字体大小、颜色、内边距等样式
4. 保存页面就能看到滚动效果。
   注意：如果站点禁用了自定义脚本，需要先在SharePoint管理中心的站点集设置里开启「允许自定义脚本」。

方法二：用SPFx自定义Web部件（企业级方案） #

如果需要更规范的实现或更灵活的控制，推荐用SharePoint Framework（SPFx）开发自定义部件，用CSS动画替代废弃的<marquee>标签：

1. 搭建SPFx开发环境，创建新的Web部件项目。
2. 在部件的渲染逻辑中，添加以下CSS和HTML结构：

.scroll-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.scroll-text {
  display: inline-block;
  animation: scroll-left 15s linear infinite;
}

@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

<div class="scroll-container">
  <div class="scroll-text">这里替换成你需要滚动的文本内容</div>
</div>

3. 部署开发好的Web部件到站点应用目录，之后就能像原生部件一样添加到页面使用。

内容的提问来源于stack exchange，提问作者musreg