我有一个灵活的分离器,运行良好( plunker ):用户可以轻松拖动分离器,即使它非常薄。并且分离器的运动非常平滑而没有跳跃。此外,代码很轻。


但是,< iframe>
或< object>
(带有iframe的新plunker )。当我们将iframe 附近的分割器部分快速拖到右侧时,我们将看到鼠标不再是< - >
,而是成为普通的鼠标图标iframe。
我在 script.js
中添加了 console.log(e.pageX)
。它表明,对于上述情况,此数字不能很好地更新。那么有没有人可以替代呢?
否则,是否有人为我的分离器提供全局解决方案?


分离器无处不在,但很难找到一个完整的分离器解决方案,它可以轻薄且平滑地拖动......有没有人有任何建议?


PS: Chrome版本:版本57.0.2987.110(64位); macOS Sierra 10.12.3

答案 0 :(得分:1)
我找到了这个帖子和this answer,这是一个很好的解决方案。我已为该框架分配了一个ID myiframe
,并添加到mousedown
:
$('#myiframe').css('pointer-events', 'none');
然后在mouseup
:
$('#myiframe').css('pointer-events', 'all');