我正在尝试在 jquery 中移动鼠标悬停时的 iframe。通过在 iframe 中捕获鼠标位置,我在这方面取得了一些成功,但是移动的闪烁是极端的。
这是一个jsfiddle示例
据我所知,闪烁的原因是每次 iframe 移动 iframe 内的 x 位置时,iframe 都会向相反的方向跳跃,但我想不出修复它的方法。
我正在尝试在 jquery 中移动鼠标悬停时的 iframe。通过在 iframe 中捕获鼠标位置,我在这方面取得了一些成功,但是移动的闪烁是极端的。
这是一个jsfiddle示例
据我所知,闪烁的原因是每次 iframe 移动 iframe 内的 x 位置时,iframe 都会向相反的方向跳跃,但我想不出修复它的方法。
@charlietf,
感谢您的努力,它确实使我朝着正确的方向前进,我对您的评论投了票。
您的示例的唯一问题是,随着 iframe x 位置的变化, e.pageX 也随之变化。这意味着它始终等于 0(或接近)。
为了克服这个问题,我必须添加一个变量,该变量在发生任何移动之前捕获 iframe 中的鼠标位置,然后在移动框架时从 x 变量中删除这个数字。
对于在那里寻找类似内容的任何人,这里是 charlietf 脚本的更新版本,其中的更改以. 我还从 mouseover mouseout 事件更改为 mousedown mouseup 以使其更易于使用。
现在我可以从 iframe 的任何非活动部分拖动 iframe;