html - 使用webkit隐藏滚动条后的文本模糊

Question

当我用 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 时，它不是 :(

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

谢谢

Answer 1

您可以隐藏滚动条并使用

保持滚动

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

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