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并且.container我.container使用 JS 水平向左滚动，如果我尝试用鼠标滚轮滚动，这会阻止垂直滚动......这仅在 Windows 10 下的 IE 和 Edge 中发生

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

代码笔示例

4

1 回答 1

0

解决方案是这样的：

cont.scrollLeft = '50px';
于 2018-02-08T08:13:53.857 回答