菜单项在html中垂直滚动时消失

Question

垂直滚动时菜单项会消失。

CSS

<div style="transition:transform 450ms cubic-bezier(0.23, 1, 0.32, 1); left: 0px; top: 
        inherit; width: 80px; height: calc(100% - 88px); overflow: auto;position: fixed; z-index: 1300; ">
    <div>
        <span tabindex="0" style="margin: 0px; padding: 0px; transition:450ms
         cubic-bezier(0.23, 1, 0.32, 1); border-image: none; text-align: center; 
         line-height: 48px; display: block; white-space: nowrap; position: relative; ">
            .. Home
        </span>
    </div>
    <div>
        <span tabindex="0" style="margin: 0px; padding: 0px; transition:450ms
         cubic-bezier(0.23, 1, 0.32, 1); border-image: none; text-align: center; 
         line-height: 48px; display: block; white-space: nowrap; position: relative; ">
            .. About US
        </span>
    </div>
    ....
    ....
    ....    
</div>

对于应用display: inline-table时的父div，无限滚动停止，但在调整屏幕大小时，垂直滚动不起作用。仅在Internet Explorer

中出现此问题