使用Webkit隐藏滚动条后的文本模糊

Question

当我使用webkit隐藏滚动条时：

PSTN

我的文字很模糊:(而且当我滚动滚动条宽度从0px到X px时不是：（

您有解决方案吗？修复它还是隐藏滚动条并保留滚动功能的其他方法？

thx

Answer 1

您可以隐藏滚动条并使用

保持滚动

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

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

Answer 2

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

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

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