微信隐藏滚动条

MyBox为页面最外层的div。

    .MyBox {
        height: 100vh;
        width: 100vw;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    .MyBox::-webkit-scrollbar {
        background-color: transparent;
    }

在浏览器里右侧会出现一个空白区域，如图所示。

方案一、这时候可以设置nav bar的样式

    .MyNavBar {
        position: fixed;
        top: 0px; 
        z-index: 10;
        width: 100vw;
    }

方案二、可以在MyBox上再套一个div，将它的background为白色。
这个时候会出现一个问题，div无法居中，如图所示。

这时候只需要在子集容器中加上一个width:100vw就可以了。