zoukankan      html  css  js  c++  java
  • 关于滚动条

    /*定义滚动条轨道*/
    #style-3::-webkit-scrollbar-track
    {
     
    /*-webkit-box-shadow: ;*/
    }
    /*定义滚动条高宽及背景*/
    #style-3::-webkit-scrollbar
    {
    ;
     
    }
    /*定义滑块*/
    #style-3::-webkit-scrollbar-thumb
    {
     
    border-radius: ;
    }
     
    要在两个DIV里面显示滚动条:
    1.首先DIV需要设置高度
    2.内容必须超过DIV容器。
    3.overflow: auto。
    影藏滚动条:
    去掉水平滚动条:
    <body style="overflow-x: hidden">
    去掉竖直滚动条:
    <body style="overflow-y: hidden">
    隐藏横向滚动条,显示纵向滚动条:
    <body style="overflow-x:hidden;overflow-y:scroll">
    全部隐藏
    <body style="overflow:hidden">
    或者是
    <body scroll="no">
    更好的方法就是:
    把滚动条设置出来之后把所有颜色的属性全部变成全透明。这杨既可以滚动也可以不显示滚动条。
    解释一下ovrflow的属性
    visible :  不剪切内容也不添加滚动条。
    auto :  在需要时剪切内容并添加滚动条。
    hidden :  不显示超过对象高度的内容。
    scroll :  总是显示纵向滚动条。
     
  • 相关阅读:
    元祖操作
    列表操作
    字符串操作
    zabbix监控脚本
    nginx 使用php-fpm的配置php环境参数
    网卡切换脚本
    mysql数据备份脚本
    docker概念
    网络链路质量监控smokeping
    搭建speedtest
  • 原文地址:https://www.cnblogs.com/Beliefblog/p/5984651.html
Copyright © 2011-2022 走看看