iframe滚动条设置

1、滚动条

  1)滚动属性

  <iframe scrolling="no"></iframe>
  no:删除 yes:一直显示 auto:自动显示

  2)除右留下

  <iframe style='overflow-x:auto ; overflow-y:hidden;'></iframe>

  3)除下留右

  <iframe style='overflow-x:hidden ; overflow-y:auto;'></iframe>

/* 设置滚动条的样式 */
::-webkit-scrollbar{
     3px;
}
/*滚动槽*/
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
原文地址:https://www.cnblogs.com/boreguo/p/10270806.html