设置了

page{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
    padding-bottom: calc(env(safe-area-inset-bottom));
    // overflow: hidden;
    color: #121212;
}

之后，页面中的canvas就会一直定位在初始位置，不随页面滚动而变化。

如果注释了height:100%。就可以正常滚动了。