调整iframe滚动条失效

标签：src   scrollbar   ack   track   sha   调整   web   width   hid   

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*/

调整iframe滚动条失效

标签：src   scrollbar   ack   track   sha   调整   web   width   hid   

原文地址：https://www.cnblogs.com/ylinhuang/p/10129817.html