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{
    width: 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);
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM