zoukankan      html  css  js  c++  java
  • 滚动条常用样式

    // Scrollbars
    .no-overlay-scrollbar {
      ::-webkit-scrollbar {
         8px;
        height: 8px;
      }
    
      ::-webkit-scrollbar:hover {
        height: 8px;
      }
    
      ::-webkit-scrollbar-button:start:decrement,
      ::-webkit-scrollbar-button:end:increment {
        display: none;
      }
      ::-webkit-scrollbar-button:horizontal:decrement {
        display: none;
      }
      ::-webkit-scrollbar-button:horizontal:increment {
        display: none;
      }
      ::-webkit-scrollbar-button:vertical:decrement {
        display: none;
      }
      ::-webkit-scrollbar-button:vertical:increment {
        display: none;
      }
      ::-webkit-scrollbar-button:horizontal:decrement:active {
        background-image: none;
      }
      ::-webkit-scrollbar-button:horizontal:increment:active {
        background-image: none;
      }
      ::-webkit-scrollbar-button:vertical:decrement:active {
        background-image: none;
      }
      ::-webkit-scrollbar-button:vertical:increment:active {
        background-image: none;
      }
      ::-webkit-scrollbar-track-piece {
        background-color: transparent;
      }
    
      ::-webkit-scrollbar-thumb:vertical {
        height: 50px;
        background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0%, $scrollbarBackground),
          color-stop(100%, $scrollbarBackground2)
        );
        border: 1px solid $scrollbarBorder;
        border-top: 1px solid $scrollbarBorder;
        border-left: 1px solid $scrollbarBorder;
      }
    
      ::-webkit-scrollbar-thumb:horizontal {
        width: 50px;
        background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0%, $scrollbarBackground),
          color-stop(100%, $scrollbarBackground2)
        );
        border: 1px solid $scrollbarBorder;
        border-top: 1px solid $scrollbarBorder;
        border-left: 1px solid $scrollbarBorder;
      }
    }
  • 相关阅读:
    找水王续
    找水王续
    本周学习进度
    Node.js 学习
    在Linux机器上安装MySQL
    ZStack串口通信
    Java编写串口程序
    ServerSocket
    ZigBee毕设
    ZigBee相关网站链接
  • 原文地址:https://www.cnblogs.com/zhizhi0810/p/15060701.html
Copyright © 2011-2022 走看看