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