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