Question

也许我在这里遗漏了一些明显的东西，但到目前为止，我发现没有什么对此有任何意义。我有一个可滚动的div，里面有一个画布。在FF和IE中，所有工作都按预期工作：使用鼠标拖动滚动，div正常滚动。然而，在WebKit中，事情被翻转了。如果我向上滚动，内容向下移动，如果我向下滚动，它会向上移动。如果我用鼠标滚轮滚动，一切都朝正确的方向移动。它只使用滚动条上的mousedown搞砸了。注意：我使用第三方库来生成画布的内容，这是所有内联样式的来源。

我的代码如下：

#Palette {
  height: 420px;
  overflow: auto;
}

<div id="Palette" style="position: relative; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: move;">
    <canvas width="268" height="420" tabindex="0" style="position: absolute; top: 0px; left: 0px; z-index: 2; -webkit-user-select: none; cursor: move;">
    This text is displayed if your browser does not support the Canvas HTML element.</canvas>
    <div style="position: absolute; overflow: auto; width: 268px; height: 420px; z-index: 1;">
    <div style="position: absolute; width: 1px; height: 1px;"></div>
    </div>
    <div style="position: absolute; overflow: auto; width: 268px; height: 420px; z-index: 1;">
      <div style="position: absolute; width: 1px; height: 700px;"></div>
    </div>
</div>

Answer 1

这显然是WebKit 36的一个问题。它在37中解决了。

WebKit中的Can with Canvas向后滚动

1 个答案: