<ul>不在IE10中滚动</ul>

Question

请考虑以下事项：

<ul onmouseover="javascript:this.style.overflowY='auto';" onmouseout="javascript:this.style.overflowY='hidden'" id="chatwindow" class="replies" style="overflow-y:hidden;height:90%">

没有什么花哨的，只有滚动的UL，当鼠标在别处时，它会隐藏滚动条。适用于所有浏览器。在带有IE10的Windows 8平板电脑上，只要我将手指放在UL上，滚动条就会出现（并保持在视图中）。但是，UL拒绝滚动。我已经尝试过-ms-touch-action：none和-ms-touch-action：pan-y无济于事。如果没有onmouseover / onmouseout事件，滚动就像预期的那样。有线索吗？

Answer 1

您是否尝试过简单的CSS？删除事件并使用：

#chatwindow {overflow:hidden}
#chatwindow:hover {overflow:auto}

如果这不起作用，我建议不要隐藏滚动条 - 从用户界面的角度来看这不是一个好主意 - 毕竟，我怎么知道它是可滚动的，除非我碰巧将鼠标移到它？这将是违反直觉的。此外，滚动条的外观可能会导致布局问题，例如在YouTube播放列表中，由于滚动条出现，有时视频名称突然出现在两行上。