添加height属性到你的css类中，要显示滚动条，你需要设置div的固定高度。

你是不是碰巧在OSX上用的是触控板而不是鼠标？如果你用的是触控板，滚动条会被隐藏起来。插上鼠标，看看它是否会出现。

我刚刚检查了你的fiddle，这是因为你没有添加overflow-y: scroll;属性到fiddle。它确实适用于我的版本（Chrome也是）。
http://jsfiddle.net/y8jqsya4/

为那个.box设置最大高度，它就会工作

您缺少height CSS属性。请检查下面的代码段。

.box {
    border-radius: 0px;
    padding:0;
    border: solid 1px #8c8d8e;
    overflow: hidden;
    overflow-y:scroll;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    opacity: 0.85;
}

<div class="box">
  <p> Hello World 1 </p>
  <p> Hello World 2 </p>
  <p> Hello World 3 </p>
  <p> Hello World 4 </p>
  <p> Hello World 5 </p>
</div>

这是一个老问题，但我张贴的变通办法，如果它的触控板导致您的滚动条消失，尝试以下：
进入系统偏好设置。搜索“显示滚动条”选择“始终”。

更改你的css：-

height:100px 
border-radius: 0px;
padding:0;
border: solid 1px #8c8d8e;
overflow: hidden;
overflow-y:scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
opacity: 0.85;

http://jsfiddle.net/wydsf2vk/2/