我有以下(示例)
HTML:
<div id="target"> Hover me! <div id="magic"> Significant amounts of HTML,enough to cause scroll Excluding to keep the post concise </div> </div>
以下(示例)CSS:
#magic { display: none; width: 500px; height: 500px; overflow: auto; } #target:hover #magic { display: block; }
您可以在这里查看示例:https://jsfiddle.net/hak8zuok/1/
重现步骤:
>将鼠标悬停在“悬停我!”上文本打开魔法面板
>快速单击滚动条几次
预期行为:
>无论您点击多少次或多少次,都不应忽略悬停
实际行为:
>很多时候,悬停被解雇,悬停面板被关闭.
我已经设法在Chrome for Windows上重现这一点.它不能在Mac或Firefox上重现.这让我相信这是Chrome中的一个实际错误.