css - Windows 10 の IE と Edge で垂直スクロールが壊れる

Question

答えが見つからない非常に興味深いバグがあります。誰かが助けてくれるなら、私はとても感謝しています。

私は2つのdivを持っています

   <div id="container" class="container">
        <div class="content"></div>
   </div>

彼らは次のCSSを持っています

.container {
    position: relative;
    width: 700px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.content {
    width:1500px;
    height:1500px;
    background:#555;
}

JSを使用して、左に50pxの最初のものを水平にスクロールする必要があります

var cont = document.getElementById('container');
cont.scrollLeft = 50;

問題は、私が持っていoverflow-x:hiddenて、 JSを使用して左に水平に.containerスクロール.containerすると、マウスホイールでスクロールしようとすると垂直スクロールがブロックされることです...これは、Windows 10のIEとEdgeでのみ発生しています

IE で Codepen の例を開き、マウスホイール.containerを使用して縦方向にスクロールしてみてください。

コードペンの例