Question

我不知道为什么垂直滚动条没有显示在我的网站上。它曾经可以正常工作，但是我不得不最近重新上传网站，此后即使所有代码都应该完全相同，滚动条也不再起作用：

http://www.atnight.net.nz

这是我layout.scss文件中的主体HTML

html,
body {
  @include box-sizing(border-box);
  height: 100%;
  font-size: 99%;
}

body {
  display: block;
  background: $dark-grey url('../img/backgrounds/broken_noise.png') repeat;
}

.row {
  @include col-container;
  margin: auto;
}

/*Dark Scrollbar */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::-webkit-scrollbar {
    width: .85em;
    height: .85em;
  }

  ::-webkit-scrollbar-track {
    background-color: $grey-500;
  }

  ::-webkit-scrollbar-thumb:vertical {
    height: 5em;
    background-color: $grey-900;
  }
}

Answer 1

此行为是由于class（来自<body>）上的_utilities.scss：

.nonscroll {
  overflow: hidden;
}

HTML

<body onload="init();" class="onePage nonscroll HomePage no-sidebar" dir="ltr">

Answer 2

尝试将Webkit放在身体样式之前的任何样式之前

垂直滚动条未出现在网站上

2 个答案: