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

    设置滚动条的样式:

    div::-webkit-scrollbar {
       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 {
       5px;
      height: 8px;
      background-color: #aaa; /* or add it to the track */
    }
    
    .mostly-customized-scrollbar::-webkit-scrollbar-thumb {
        background: #000; 
    }
  • 相关阅读:
    移动web开发框架研究
    Android客户端缓存机制(文字缓存和多媒体文件缓存)
    edittext实现自动查询,刷新listview
    Android属性动画 nineoldandroids
    android 框架LoonAndroid,码农偷懒专用
    待看
    aidl
    国内外DNS服务器地址列表
    js 防止重复点击
    js 模块化
  • 原文地址:https://www.cnblogs.com/ypppt/p/12893629.html
Copyright © 2011-2022 走看看