移除URL锚点哈希：Zyro建站平台下的技术实现问题

你遇到的问题核心是锚点按钮的默认跳转行为会修改URL，而之前的延迟修改history的方案因DOM加载顺序或平台限制未生效。由于只能访问<head>标签，可通过以下两种方式解决：

方法一：DOM加载完成后绑定事件 #

适合确定按钮元素会在DOM加载完成后存在的场景：

document.addEventListener('DOMContentLoaded', function() {
  // 定位目标锚点按钮
  const targetAnchor = document.querySelector('a[href="#mercadoaudiovisual"]');
  if (targetAnchor) {
    targetAnchor.addEventListener('click', function(e) {
      // 阻止默认跳转行为，避免URL添加哈希
      e.preventDefault();
      // 获取锚点对应的目标元素
      const targetElement = document.getElementById('mercadoaudiovisual');
      if (targetElement) {
        // 平滑滚动到目标位置（去掉{behavior: 'smooth'}可改为即时滚动）
        targetElement.scrollIntoView({ behavior: 'smooth' });
      }
    });
  }
});

方法二：全局事件委托（兼容动态加载元素） #

如果Zyro平台是动态生成按钮元素，事件委托能确保捕获到点击事件：

document.addEventListener('click', function(e) {
  // 判断点击的是否为目标锚点按钮
  if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#mercadoaudiovisual') {
    e.preventDefault();
    const targetElement = document.getElementById('mercadoaudiovisual');
    if (targetElement) {
      targetElement.scrollIntoView({ behavior: 'smooth' });
    }
  }
});

原理说明 #

直接阻止锚点按钮的默认跳转行为，从根源避免URL被添加哈希值，之后手动执行滚动到目标元素的操作，既实现锚点跳转效果，又不修改页面URL。之前的延迟修改history方案无效，是因为在<head>中执行时按钮元素可能未加载，且平台事件处理逻辑优先于你的延迟操作，导致哈希已添加但未被成功替换。

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