div隐藏滚动条+具备滚动功能

div隐藏滚动条+具备滚动功能


<style>
    #Myicon {
        width: 200px;
        height: 350px;
        overflow-x: hidden;
        overflow-y: scroll;
        background: #ffffff;
        text-align: left;
    }

    #Myicon::-webkit-scrollbar {
        display: none;
    }
</style>
<div id="Myicon"></div>


<style>
    #MyDiv {
        width: auto;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        background: #ffffff;
        text-align: left;
    }

    #MyDiv::-webkit-scrollbar {
        display: none;
    }
</style>
@* 表格于页面居中 *@
<div id="MyDiv" style="width:1315px">
    <div style="height:fit-content;margin:auto !important;width:1140px!important">
        <table id="MenuTable"></table>
    </div>
</div>


PS:

给需要滚动的元素添加伪选择器,::-webkit-scrollbar{width:0;},

将宽度设为0,滚动条就会隐藏。!!!!!!!!!!!!!!!!!!!!!!!!

强烈推荐:https://blog.csdn.net/csdn_cai_csdn/article/details/78838949?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase

posted @ 2020-05-12 11:30  姜佳泉  阅读(1017)  评论(0编辑  收藏  举报