javascript - CSS 溢出属性/Div 鼠标悬停问题 - IE 和 Chrome

Question

我在主 div 中有一个 div，它具有以下属性:

#inner {
width:149px;
overflow:auto; //Note this
margin:35px 0 0 0;
height:575px;
display:none;               
}

在主 div 上，我在两个事件上调用了两个函数(onmouseover 和 onmouseout)。在鼠标悬停时，内部 div 显示带有滚动条。似乎只要鼠标在向下滚动后从滚动条移到 DIV 中，DIV 就会返回到顶部。 您可以在此处找到代码:[链接] http://www.designworks.com.pk/example/

当我们向下滚动 DIV 返回顶部时，请在 IE & chrome 中测试。请帮我解决这个问题。

Answer 1

目前我没有时间对其进行全面调查，但我相信这是由子元素发生的鼠标悬停/鼠标移出的一种奇怪行为引起的。

如果 jquery 是一个选项，使用 hover 可以解决很多这些问题并且似乎可以解决您的问题:

http://jsfiddle.net/ZJBXX/13/

编辑:请注意，这是基于评论中发布的 fiddle ，可能与您当前的代码不完全相同。