2016-11-14 71 views
0

这里是我的plunker:http://plnkr.co/edit/nvvX02aRMbyqaKmvPEdw?p=preview如何使d3 div tooltip可滚动?

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响应滚动事件?

回答

2

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

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

+0

感谢您的支持! – techguy2000