zoukankan      html  css  js  c++  java
  • 如何 让滚动条消失 且页面可以正常滚动

    今天在修改页面样式的时候,又遇到了滚动条的问题,

    那么如何让滚动条消失 但同时又保持页面可以正常滚动呢?

    很简单,我们只需要加一个属性:

    1.在谷歌浏览器中 页面加入 :

    ::-webkit-scrollbar {
                 0px;
            }
    

    将滚动条宽度设置为0,

    2.在IE 中比较麻烦需要添加如下代码:

    HTML {   
    scrollbar-base-color: #fff;   
    scrollbar-base-color: #fff;   
    scrollbar-3dlight-color: #fff;   
    scrollbar-highlight-color: #fff;   
    scrollbar-track-color: #fff;   
    scrollbar-arrow-color: #fff;   
    scrollbar-shadow-color: #fff;   
    scrollbar-dark-shadow-color: #fff;   
    }  
    

     为页面滚动条添加样式,背景全部透明(应该也可以)或者白色;

    但是 ie 中 scroll bar  宽度好像设置不上

  • 相关阅读:
    关于产品
    Windows服务 + Quartz.NET
    C#
    C#
    URL
    前端生态系统总结
    字符串相似度
    Process Explore & Windbg
    webpack
    JS
  • 原文地址:https://www.cnblogs.com/vali/p/5916646.html
Copyright © 2011-2022 走看看