在元素下创建ScrollBar

Question

我正在尝试将滚动条隐藏在特定元素下，当它向外滚动时，它会再次显示。

我希望下面的图片能说明我的意思。

http://artifactory.my.domain_name/artifactory/list/my-repository/servlet-api-2.5.jar

这是我的代码：

* {
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
}

div {
  z-index: 999999;
  width: 100%;
  height: 100%;
  background-color: red;
}

<div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>