看到下面的帖子,突出显示我的问题和潜在的解决方案：
CSS overflow-y:visible,overflow-x:scroll
但是,当您实际移动滚动条时,此策略会中断.在建议的实现(位置：fixed;)中,工具提示显示在其前面的子div中的前置滚动.因此,当您将新的小图标滚动到视图中时,工具提示开始从页面底部掉落.
参见这里有一个bug的演示：http://jsfiddle.net/narcV/4/
解决方法
我想你应该使用position：absolute而不是position：fixed.
.parent { overflow-y:scroll; width:100%; height:100px; }
.child { position:relative; }
.child .child-menu { position: absolute; left: 80px;width:200px; top:0px; border: 1px solid black; background-color: green; display: none; }
.child:hover .child-menu { display: block; }
