overflow-y：滚动在手机上不起作用

Question

我一直试图弄明白这一天，我不知道为什么会这样。

我正在为我的公司创建一个新网站，我希望它能够做出回应。因此，当它改变为移动尺寸时，菜单正在发生巨大变化。但是，由于某些我无法解释的原因，菜单不会向下滚动

当我使用适用于手机的Chrome开发者工具时，效果很好。但是在实际的手机上它不起作用。

http://beta.vetosports.com

有没有人知道为什么会这样？

检查三星Note 3和三星Galaxy S2。 浏览器chrome mobile和Dolphin。

@media only screen and (max-width: 767px)
#allCat > li > #allSubWrap {
  overflow-y: scroll;
  width: 80%;
  height: 80%;
  position: fixed !important;
}

<div id="allSubWrap">
    <div>
        <div>
            <ul>
                <li></li> 
                  ...
            </ul>
            <ul>
                <li></li> 
                  ...
            </ul>
            ...
        </div>
        <div class="clear"></div> <!-- clear:both -->
    </div>
    <div class="clear"></div>
</div>