点击标题栏跳转到相应位置

有四个文本组件，点击不同的组件可以跳转到页面不同的位置，如点击A组件，跳转到显示页面50%的位置。点击B组件跳转到页面70%的位置。或者跳转到某个组件在页面上方的位置显示

是想跳转弹窗显示？

做不到的呢，。写宏代码应该也是做不到的。

考虑下 隐藏是否可以实现；A、B、C、D 四个板块，点击A将BCD隐藏，其他同理

你好：供参考

1、文本组件上使用代码（主要是标红部分）

  <p style="text-align: center;">
    <span style="text-decoration: underline;">
      <span class="target-content" style="font-family: Microsoft-YaHei; font-size: 12px;">
        <span style="font-size: 16px;">
          打开内部资源
        </span>
      </span>
    </span>
  </p>

2、文本组件上使用宏代码

function main(page: IPage, portlet: IStaticTextPortlet) {

    // 获取富文本编辑器的dom

    let container: HTMLElement = portlet.getHtmlContent()

    // 插入点击区域用于点击打开

    let box: any = container.querySelector('.target-content')

    if (!box) return

    console.log(document)

    box.onclick = (e: MouseEvent) => {

        // debugger

        const elements = document.getElementsByClassName('这里写你要滚动到的组件ClassName')[0];

        if (elements) {

            elements.scrollIntoView({ behavior: 'smooth' });

        }

    }

}