我有一个 div 用作左侧的边栏,然后其余部分(右侧)是一个 IFrame。 我的侧边栏宽度为 50,我希望每当鼠标靠近它隐藏的右侧时,然后当鼠标“进入 <50 区域”时侧边栏再次显示。
这是可能的还是跨域访问有问题?
最佳答案
我觉得如果我没看错你的问题,那就不是捕获鼠标位置(基于pageX/pageY原理);相反,您只想在 mouseenter 和 mouseleave(悬停)时触发操作。
您可以通过正确构建 DOM,然后按照您想要的方式设置样式来实现这些结果。
无需预测鼠标的位置,我们可以简单地指定何时显示以及何时隐藏内容。在这种情况下,我们使用您想要的 50px
,并根据用户的操作“显示/隐藏”。请参阅下面的工作 jsFiddle:
编辑
由于性能问题,我选择使用 .css()
而不是 .animate()
。如果您想对其进行调整,请告诉我。
关于javascript - 鼠标在 iframe 上的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10221569/