使用 webkit 隐藏滚动条后的文本模糊答案

【问题标题】：Text blur after scroll bar hide with webkit使用 webkit 隐藏滚动条后的文本模糊
【发布时间】：2019-02-13 10:16:16
【问题描述】：

当我用 webkit 隐藏滚动条时：

/* Scrollbar*/
::-webkit-scrollbar {width: 0px;height: 0px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}
/* Only Firefox 64 & + */
*{scrollbar-width: none!important;}
::selection { background: transparent; } 
::-moz-selection { background: transparent; }

我的文字很模糊 :( 当我可以将滚动条宽度从 0px 到 X px 时，它不是 :(

你有解决办法吗？修复它或以其他方式隐藏滚动条并保持滚动功能？

谢谢

【问题讨论】：

标签： html css scroll blurry

【解决方案1】：

您可以使用隐藏滚动条并保持滚动

\\webkit browsers
div::-webkit-scrollbar {display:none;}

\\Firefox
div{
scrollbar-width: none!important;
}

【讨论】：

【解决方案2】：

在可滚动区域周围包裹一个容器。容器 1 是外部容器

.container1{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.container2{
    width: 100%;
    height: 99%;
    overflow: auto;
}

【讨论】：