自定义滚动条，就像 MacOS 上的默认滚动条一样

Question

我使用 macbook 已经有一段时间了，注意到它默认“隐藏”滚动条，滚动页面时会显示滚动条。在使用 -webkit- css 属性的自定义滚动条时，我怎么能得到这种行为？当我设置它们时，无论页面是否正在滚动，它都会始终显示（就像在 Windows 机器上一样）。

Answer 1

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

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

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