去除浏览器侧边滚动条

Posted 2020-12-02 zxk5211

浏览器全屏设置

html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    width: 0 !important;
}

页面header固定设置

.header{
    width:100%;
    position:fixed;
    z-index:1;
}

浏览器全屏高度设置

.content{
    width:100%;
    height:calc(100vh - 100px);
}

注：calc() 函数为CSS3中的一个方法，方便于动态计算模块高度