把滚动条隐藏

154 阅读1分钟
        设置子视图超出父试图之后滚动  
        overflow-x: scroll;设置滚动  
        flex-direction: row;横向布局  
        &::-webkit-scrollbar {  
        width: 0;  
        }设置滚动条为0  
        flex-shrink: 0;禁止压缩
        
        
我这个是pc端口之前是按照最小屏幕分辨率是       

image.png 测试的 但是甲方是需要用ipad看,会导致首页上面的两个table重拍,因为这个是position:absolute定位上去的,所以我这里先使用媒体查询的方式 在最大宽度的时候重新写一个样式,其中有一个就是table表格宽度不自适应 然后手动在最大宽度中改变宽度然后里面的每行数据太多 没法滚动,然后看了样式,是之前进行超过宽度隐藏了,所以这边重新找到这个table的标签把这个overflow:auto改成这个,然后左右两个都有了滚动条,都有的情况会造成,底部风险滚动条和右侧竖的滚动条有一个空白的地方,这个样式没办法去改的,所以要把其中一个滚动条去掉,所以去掉竖的

          ::v-deep .el-table--scrollable-x .el-table__body-wrapper{
          overflow: auto!important;
          flex-shrink: 0; 好像不写也没有关系
          &::-webkit-scrollbar{
            width: 0;
          }