如何使d3 div工具提示可滚动?

时间:2016-11-14 18:54:34

标签: javascript html html5 d3.js

这是我的傻瓜:http://plnkr.co/edit/nvvX02aRMbyqaKmvPEdw?p=preview

div.tooltip {   
position: absolute;         
text-align: center;         
width: 100px;                   
height: 100px;                  
padding: 2px;               
font: 12px sans-serif;      
background: lightsteelblue; 
border: 0px;        
border-radius: 8px;         
pointer-events: none;       
overflow-y: scroll;
}

当您将鼠标悬停在圆圈上时,会显示带有垂直滚动条的长工具提示。但是,我无法滚动工具提示。 div不响应任何用户操作。如何让div响应滚动事件?

1 个答案:

答案 0 :(得分:2)

好吧,在我看来,你已经在你的css类中有效地禁用了pointer-events: none的滚动。

只要删除了此属性(在您的plunker中),div就会变为可滚动。