在Windows 10中打破IE和Edge中的垂直滚动

Question

我有一个非常有趣的错误，我无法找到答案。如果有人可以提供帮助，我将非常感激。

我有两个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上有.container，并且我使用JS将.container水平向左滚动，则如果我尝试使用滚动滚动，则会阻止垂直滚动mousewheel ...这只发生在Windows 10下的IE和Edge

中

在IE下打开Codepen示例，尝试使用鼠标滚轮垂直滚动.container。

Codepen Example

Answer 1

解决方案是：

cont.scrollLeft = '50px';