如何隐藏ScrollMagic的触发器标记？可通过CSS或参数设置实现吗？

嘿，我来帮你解决这个问题！你提到的“trigger fade scene、start fade scene和end fade scene”这些提示标记，其实是ScrollMagic的调试指示器，有两种简单可靠的方法可以让它们彻底消失：

方法一：通过控制器初始化参数关闭调试模式 #

这是最直接的源头解决方案——在创建ScrollMagic控制器时，将debug参数设置为false（默认值其实就是false，但如果之前手动开启过调试，明确设置会更稳妥）：

// 创建控制器时关闭调试模式
const controller = new ScrollMagic.Controller({
  debug: false
});

设置后，ScrollMagic就不会再生成这些调试标记元素，从根本上避免它们出现。

方法二：用CSS强制隐藏现有标记 #

如果没法修改控制器的初始化代码，也可以通过CSS直接定位到这些调试元素并隐藏。这些标记对应的类名是.scrollmagic-debug-indicator和.scrollmagic-debug-sensor，添加以下样式即可：

/* 隐藏ScrollMagic调试标记 */
.scrollmagic-debug-indicator,
.scrollmagic-debug-sensor {
  display: none !important;
}

使用!important是为了确保覆盖ScrollMagic自带的调试样式，保证隐藏效果生效。

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