动态显示和隐藏滚动条

Question

我想知道是否有可能（使用CSS和Javascript）在网页中动态显示和隐藏滚动条。
假设当用户按下S时，滚动条出现，然后再次按下S键，滚动条消失。
这种动态的显示/隐藏功能可能吗？怎么办？

Answer 1

是的，您可以使用jQuery。

请注意，83是keyCode的{​​{1}}。

'S'

$(document).on('keyup', ev => {
  if(ev.which === 83) $('html').toggleClass('hidden');
});

#longDiv {
  height: 200vh;
  background: gray;
}
.hidden ::-webkit-scrollbar {
  display: none;
}