我正在尝试在jquery中的mouseover上移动iframe。通过捕获iframe中的鼠标位置,我取得了一些成功,但移动的闪烁是极端的。
Here是一个jsfiddle示例
据我所知,闪烁的原因是每次iframe移动iframe内的x位置都会向相反方向跳跃,但我无法找到修复它的方法。
答案 0 :(得分:0)
@charlietf,
感谢您的努力,它确实引导我朝着正确的方向前进,并且我对您的评论进行了投票。
您的示例唯一的问题是,随着iframe x位置的更改,e.pageX会随之更改。这意味着它总是等于0(或接近)。
为了解决这个问题,我必须添加一个变量,在任何移动发生之前捕获iframe中的鼠标位置,然后在移动框架时从x变量中删除此数字。
对于那些寻找类似事物的人here is an update version of charlietf's script with the changes written in。我也从mouseover mouseout事件更改为mousedown mouseup,以便更容易玩。
现在我可以从iframe的任何非活动部分拖动iframe;