使用Javascript / css

Question

我正在尝试隐藏iPhone的滚动条，但overflow: hidden似乎无法正常工作。我也试过了touchmove(e) {e.preventDefault()}，但如果我从下往上拖动，我仍然会看到滚动条出现。 如果我position: fixed，那么我的页面会跳转（例如：如果我打开模式视图，我的地址栏和导航栏最小化，在执行位置：固定时，地址栏和导航栏会显示回来，导致跳转页。） 任何意见，将不胜感激。 我也尝试为滚动条添加样式，如：

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;  
}

.hide-scrollbar::-webkit-scrollbar-button {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;  // IE 10+
  overflow: -moz-scrollbars-none;  // Firefox
}

但仍然没有隐藏滚动条。