ウィンドウ内のIEとEdgeの垂直スクロールを壊す10

Question

私は非常に興味深いバグを持っています。誰かが助けることができれば、私は非常に感謝します。

私はJS

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

使用して左に水平には50pxとの最初のものをスクロールする必要が彼らには、以下のCSS

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

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

を持って

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

2つのdivのを持っています問題は、私が.containerにoverflow-x:hiddenを持っていて、私がscro JSを使用して左に水平に.container LL私はマウスホイールでスクロールしようとした場合、このブロックは、縦スクロール...これはIEでのみ起こっとエッジれる窓の下で10

オープンCodepen例IEの下としようマウスホイールを使用して.containerを垂直方向にスクロールします。

Codepen Example

Answer 1

解決策はこれです：

cont.scrollLeft = '50px';