Jquery实现拖拽div嵌套的iframe不卡顿

最新推荐文章于 2024-07-30 16:35:47 发布

cq_liuyh

最新推荐文章于 2024-07-30 16:35:47 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： Jquery拖拽拖拽div 拖拽iframe iframe卡顿

本文链接：https://blog.csdn.net/dianqing8232/article/details/82908401

版权

该博客介绍了如何利用Jquery解决在拖拽div元素时，内部嵌套的iframe出现卡顿的问题。通过调整CSS、HTML结构和JavaScript代码，实现了流畅的拖拽效果。详细步骤和代码示例可在提供的链接中查看。

摘要由CSDN通过智能技术生成

css

* {
    padding: 0;margin: 0;box-sizing: border-box;}
.main {
    width: 1000px;height: 700px;position: absolute;left: 50%;top: 50%;margin-top: -350px;margin-left: -500px;border: 1px solid red;overflow: hidden;}
.window {
    width: 334px;height: 300px;box-shadow: 0px 0px 10px #e8e8e8;position: absolute;left: 10px;top: 10px;border-radius: 4px;}
.win-header {
    height: 30px;width: 100%;border-bottom: 1px solid #e8e8e8;}
.win-body {
    width: 100%;height: 100%;padding-bottom: 30px;}
.win-body iframe {
    width: 100%;height: 100%;border: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.win-sys-btns {
    float: left;}
.win-sys-btns {
    height: 100%;padding: 2px 5px;<