page设置高度为100%之后,canvas无法随页面滚动?
设置了
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%。就可以正常滚动了。