調整iframe滾動條失效


1:<iframe scrolling="auto" frameborder="0"  src="' + add + '" style="width:100%;height:100%;overflow:scroll;overflow-x:hidden">';


2:記得去掉iframe的標准,然后調整iframe下面的
body:/*滾動條樣式*/
body::-webkit-scrollbar {/*滾動條整體樣式*/
width: 8px; /*高寬分別對應橫豎滾動條的尺寸*/
height: 20px;
border-radius: 8px;
}
body::-moz-scrollbar {/*滾動條整體樣式*/
width: 8px; /*高寬分別對應橫豎滾動條的尺寸*/
height: 20px;
border-radius: 8px;
}
body::-webkit-scrollbar-thumb {/*滾動條里面小方塊*/
-webkit-box-shadow: inset 0 0 5px #3384ff;
background: rgba(1,187,218,0.2);
border-radius: 8px;
}
body::-moz-scrollbar-thumb {/*滾動條里面小方塊*/
-webkit-box-shadow: inset 0 0 5px #3384ff;
background: rgba(1,187,218,0.2);
border-radius: 8px;
}
body::-webkit-scrollbar-track {/*滾動條里面軌道*/
-webkit-box-shadow: inset 0 0 5px rgba(4,231,250,0.6);
border-radius: 0;
background: rgba(3,10,28,0.6);
}
body::-moz-scrollbar-track {/*滾動條里面軌道*/
-webkit-box-shadow: inset 0 0 5px rgba(4,231,250,0.6);
border-radius: 0;
background: rgba(3,10,28,0.6);
}
/*滾動條樣式end*/


免責聲明!

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



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