自定义滚动条，如MacOS上的默认滚动条

Question

我一直在使用macbook并注意到默认情况下它“隐藏”滚动条，滚动页面时会显示滚动条。使用-webkit- css属性使用自定义滚动条时，如何才能获得该行为？当我设置它们时，无论是否正在滚动页面，它都会一直显示（就像在Windows机器上一样）。

Answer 1

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

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

你唯一需要做的就是这篇文章here。 希望这有帮助。