zoukankan      html  css  js  c++  java
  • CSS-界面滚动时不显示滚动条

    设置滚动条的样式:
    div::-webkit-scrollbar {
      width: 0;
    }

    关于::-webkit-scrollbar

    ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式

    ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用.

    CSS滚动条选择器

    你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:

    • ::-webkit-scrollbar — 整个滚动条.
    • ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
    • ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
    • ::-webkit-scrollbar-track — 滚动条轨道.
    • ::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
    • ::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
    • ::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).

    语法

    ::-webkit-scrollbar { styles here }

    例子

    .invisible-scrollbar::-webkit-scrollbar {
      display: none;
    }
    
    .mostly-customized-scrollbar::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #aaa; /* or add it to the track */
    }
    
    .mostly-customized-scrollbar::-webkit-scrollbar-thumb {
        background: #000; 
    }
  • 相关阅读:
    Java中的Java.lang.ThreadLocal类
    Java中线程的生命周期和状态
    Circular Linked List数据结构
    Linked List数据结构
    JVM如何工作
    JVM运行时数据区域
    queue数据结构
    stack数据结构
    Java中Set/HashSet的内部处理
    POJO,JavaBean 以及他们之间的区别
  • 原文地址:https://www.cnblogs.com/vickylinj/p/12368289.html
Copyright © 2011-2022 走看看