zoukankan      html  css  js  c++  java
  • 使用CSS设置滚动条样式以及如何去掉滚动条的方法

    <STYLE> 
    BODY { 
    SCROLLBAR-FACE-COLOR: #f892cc; 
    SCROLLBAR-HIGHLIGHT-COLOR: #f256c6; 
    SCROLLBAR-SHADOW-COLOR: #fd76c2; 
    SCROLLBAR-3DLIGHT-COLOR: #fd76c2; 
    SCROLLBAR-ARROW-COLOR: #fd76c2; 
    SCROLLBAR-TRACK-COLOR: #fd76c2; 
    SCROLLBAR-DARKSHADOW-COLOR: #f629b9; 
    SCROLLBAR-BASE-COLOR: #e9cfe0 
    } 
    </STYLE> 

    SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色
    SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色
    SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色
    SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色
    SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色
    SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
    SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色
    SCROLLBAR-BASE-COLOR: 滚动条的基本颜色

    没有水平滚动条: 
    <div style="overflow-x:hidden">test</div> 
    没有垂直滚动条 
    <div style="overflow-y:hidden">test</div> 
    没有滚动条 
    <div style="overflow-x:hidden;overflow-y:hidden" 或style="overflow:hidden">test</div> 
    自动显示滚动条 
    <divstyle="height:100px;100px;overflow:auto;">test</div> 

    网页中去掉滚动条:
    去掉横向滚动条:<body style='overflow:scroll;overflow-x:hidden'>
    去掉竖向滚动条:<body style='overflow:scroll;overflow-y:hidden'>
    两个都去掉:<body scroll="no">
    框加中去滚动条在name=""后面加 scrolling="No"
    1,Overflow内容溢出时的设置
    overflow 水平及垂直方向内容溢出时的设置
    overflow-x 水平方向内容溢出时的设置
    overflow-y 垂直方向内容溢出时的设置
    以上三个属性设置的值为visible、scroll、hidden、auto
    visible 默认值。使用该值时,无论设置的"width"和"height"
    的值是多少,其中的内容无论是否超出范围都将被强制显示。
    hidden 效果与visible相反。任何超出"width"和"height"的内
    容都会不可见。
    scroll 无论内容是否超越范围,都将显示滚动条。
    auto 当内容超出范围时,显示滚动条,否则不显示。 

    幸运之神的降临,往往只是因为你多看了一眼,多想了一下,多走了一步
  • 相关阅读:
    Elementary Methods in Number Theory Exercise 1.2.25
    Elementary Methods in Number Theory Exercise 1.2.14
    图解欧几里德算法
    图解欧几里德算法
    Elementary Methods in Number Theory Exercise 1.2.14
    Android中的长度单位详解(dp、sp、px、in、pt、mm)
    分享下多年积累的对JAVA程序员成长之路的总结
    android异常之都是deamon惹的祸The connection to adb is down, and a severe error has occured.
    TomatoCartv1.1.8.2部署时报错
    JavaScript浏览器对象之二Document对象
  • 原文地址:https://www.cnblogs.com/gsxdream/p/3607551.html
Copyright © 2011-2022 走看看