2016-11-14 60 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