我尝试将十字准线样式的光标效果添加到包含D3 Datamap的div。我已经使用jQuery工作,但十字准线似乎在底部和右侧与父级div重叠,但不是顶部和左侧。
我已创建this fiddle来演示。
我尝试更改十字准线div的position
属性无效。
在我的页面上,将position
更改为absolute
似乎正确地将十字准线限制在容器中,但中心点偏离光标(e.pageX, e.pageY
)。但是,我无法在小提琴中重新创建,因为fixed, static, relative, absolute
没有任何区别。
我发现的一个解决方案是将容器和头发的width
和height
属性设置为固定值。但是,我需要容器才能响应。