拖拽性能问题：div内嵌入了一个iframe后，IE中的拖动性能严重下降，求性能提升方法。

huguojunsy 2011-08-13 05:44:55

页面很简单，用的是jquery的拖动功能。
没加iframe时，IE中拖动性能正常，加入iframe后，拖动时感觉很卡，但是firefox中基本正常。

<!DOCTYPE html>
<html lang="en">
<head>
<title>拖动</title>
<script type="text/javascript" src="./js/jquery-ui-1.8.14.custom/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.8.14.custom/js/jquery-ui-1.8.14.custom.min.js"></script>
<style type="text/css">
#draggable
{
width: 800px;
height: 600px;
padding: 0.5em;
background-color:blue;
border: solid 1px blue;
}
.containerdiv
{
width: 90%;
height: 90%;
background-color:Gray;
border: 1px solid #ddd;
}
</style>
<script type="text/javascript">
$(function () {
$("#draggable").draggable();
});
</script>
</head>
<body id="demos" style="height:100%;">
<div class="containerdiv" style="overflow: hidden; position: absolute;">
<div>
<div style="position: relative;" id="draggable">
<p>
Drag me around</p>
<iframe src="http://www.weibo.com" style="width:100%;height:100%;"/>
</div>
</div>
</div>
</body>
</html>

...全文

425 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenjianhuacool 2013-04-26

打赏
举报

那就不可能实现。起码目前不可以实现。建议拖动的时候把iframe给hide，拖动结束之后，给show，就不会卡了。

softroad 2011-08-14

打赏
举报

[Quote=引用 1 楼 mubeibei 的回复:]

<iframe src="http://www.weibo.com" style="width:100%;height:100%;"/>

应该跟你iframe进来的页面有关，你这是把sina的微博引入进来。。。

你换成本地的页面试试，肯定就没那么卡了~·
[/Quote]

应该是这样的。

huguojunsy 2011-08-14