调整iframe滚动条失效

Posted 2021-01-27 ylinhuang

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