我有一个菜单系统的模型我正在实施： http://djinnius.com/GFTest/gftest.html（此处还有一个bin：http://jsbin.com/orejup/2/edit但绿色div中显示的文字无法正常工作） 单击上LH角中的小箭头时，菜单滑出。 当菜单项被鼠标悬停时，我提供绿色div中菜单项的完整预览。
我希望菜单能够像这样优雅地滑入/滑出视线： http://jsbin.com/itogor/5
上述行为的特殊之处在于，如果我不使用jsbin中演示的定位和溢出属性，菜单文本会在菜单关闭时退出。这是不雅观和分散注意力的。
我以为我上面的效果正常，但我遇到了一个似乎表明不是的问题。 我想根据滑动菜单的选择更改绿色div的内容。但是，当您向下滚动到菜单的下半部分并单击某个项目时，绿色div的内容不正确。滑动菜单似乎正在向下挤压文本并导致在click事件之后发生mouseenter和mouseleave事件。这会将绿色div的内容更改为不正确。
有关如何防止此行为的任何想法？ 我试图写一个bin（http://jsbin.com/orejup/2/edit），但由于某种原因，绿色div文本没有改变。通过检查控制台并查看click事件后发生的mouseenter / mouseleave事件，您仍然可以看到不良影响。
答案 0 :(得分：0)
$（“。i-gf-summary-wrapper”）。scrollTop（0）;导致了这个问题。 通过将这段代码移动到slideOut（）函数而不是slideIn（）函数，我仍然可以在消除不良副作用的同时获得所需的效果。