Question

我有一个表格，拖动单元格将突出显示单元格，它工作正常。在移动鼠标悬停在单元格上的最新版Chrome中，它突出显示了单元格，但滚动条在鼠标移动时没有向下/向上移动。

代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button data-color="#cc0033">A button</button>
<button data-color="#396786">B button</button>
<button data-color="#CC99FF">C button</button>

小提琴：https://jsfiddle.net/ggbhat/8uL0jw3j/

Answer 1

这种行为不是因为Javascript，而是因为您在小提琴中使用的CSS：

table {
  user-select:none;
  -webkit-user-select:none;
}

＆＃39;自动＆＃39;由于选择，滚动拖动会被触发。这条CSS禁止选择表格（及其中的任何内容），从而阻止滚动。

最好还是允许用户选择表格及其内容，而是更改所选元素的样式，如下所示：

::selection{
  background: transparent;
}

::selection reference @ mdn

鼠标移动到表格单元格上的滚动表包装div。（Chrome）

1 个答案: