html - 自定义滚动条，类似于 MacOS 上的默认滚动条

Question

我使用 macbook 有一段时间了，注意到它默认“隐藏”滚动条，滚动页面时显示滚动条。使用 -webkit- css 属性使用自定义滚动条时如何获得该行为？当我设置它们时，无论页面是否正在滚动，它都会始终显示(就像在 Windows 机器上一样)。

Answer 1

也许你可以尝试将 body 和 html 上的 overflow 设置为 overflow: hidden 并在 js 中执行以下操作。

window.addEventListener('scroll',function(){
   document.body.style.overflowY = 'scroll';
   document.getElementsByTagName('html')[0].overflowY = 'scroll';
});

之后您唯一需要做的就是像这篇文章一样的事情 here .希望这对您有所帮助。