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

Question

我有一个在主div中的div，具有以下属性：

#inner {
width:149px;
overflow:auto; //请注意这一点
margin:35px 0 0 0;
height:575px;
display:none;               
}

在主div上，我在两个事件（onmouseover和onmouseout）上调用了两个函数。当鼠标移动到滚动条上时，内部div会显示出来并带有滚动条。似乎每当鼠标从滚动条移动到DIV中并向下滚动后，DIV就返回到顶部。 您可以在此处找到代码：[链接] http://www.designworks.com.pk/example/ 请在IE和Chrome中测试，当我们向下滚动DIV时，它会返回到顶部。请帮助我解决这个问题。

- Ahsan Rathod

---

我创建了http://jsfiddle.net/ZJBXX/12/来进行测试。之前的版本更类似于你的代码（http://jsfiddle.net/ZJBXX/3/）。我暂时放弃了，稍后会再试一次。 - Colin

谢谢你的努力，Colin。我很感激。顺便说一下，Kingjiv已经使用Jquery给出了解决方案，在所有浏览器中都可以正常工作。如果您有其他解决方案，我们将不胜感激。谢谢！ - Ahsan Rathod

我认为jQuery将是您最好、最简单的选择。 - Colin

Answer 1

我目前没有时间全面调查，但我相信它是由mouseover/mouseout与子元素发生的奇怪行为之一引起的。

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

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

编辑：请注意，这是根据评论中发布的小提琴工作，并可能与您当前的代码不完全相同。

- James Montagne