css:去除滚动条样式(隐藏滚动条) 您所在的位置:网站首页 网页下面出现滚动条怎么取消 css:去除滚动条样式(隐藏滚动条)

css:去除滚动条样式(隐藏滚动条)

2024-07-15 16:12| 来源: 网络整理| 查看: 265

1.隐藏

/*放在overflow:auto;同级*/ scrollbar-width: none; /* Firefox */ -ms-overflow-style:none; /* IE10+ */ &::-webkit-scrollbar{   display:none; /* ChromeSafari */ }

2.去除滚动条

.autoScroll{

  /deep/ ::-webkit-scrollbar {

    display: none;

  }

}

3.调整

/*里面的代码可以根据自己需求去进行更改*/

/* 设置滚动条的样式 */

::-webkit-scrollbar {

    width:4px;

}

/* 滚动槽 */

::-webkit-scrollbar-track {

    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);

    border-radius:10px;

}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {

    border-radius:10px;

    background:rgba(0,0,0,0.1);

    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

    background:rgba(255,255,255,0.4);

}



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有