css 隱藏滾動條


1.暴力的隱藏x軸和y軸的滾動條

xxx::-webkit-scrollbar { height: 0 !important;width:0px !important; }

 

 

2.

<div class='parent'>

  <div class='child>xxx</div>

</div>

 

.parent {
width: 400px;
height: 200px;
border: 1px solid #AAA;
overflow: hidden;
}

.child {
height: 100%;

/* 隱藏y軸滾動條 */
margin-right: -50px; /* Maximum width of scrollbar */
padding-right: 50px; /* Maximum width of scrollbar */
overflow-y: scroll;

/* 隱藏x軸滾動條 */
margin-bottom: -50px; /* Maximum width of scrollbar */
padding-bottom: 50px; /* Maximum width of scrollbar */
overflow-x: scroll;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM