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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM