拖动div中的元素，但该元素在拖动时会闪烁
，可能是因为拖动过程中的重绘和回流导致的页面闪烁。
解决该问题可以采取以下方法：
- 使用CSS属性
user-select: none来禁止文本选中，避免拖动时元素闪烁。 - 避免使用CSS的
transform属性和position: fixed组合使用，因为这可能会导致硬件加速失效，从而引起页面闪烁。可以尝试使用translate来代替transform。 - 使用
requestAnimationFrame来更新元素的位置，避免拖动过程中的重绘和回流。 - 避免在拖动过程中频繁更新元素的样式，尽量减少对DOM的操作，优化代码性能。
- 如果拖动的元素内部包含图片或其他媒体内容，可以提前预加载这些内容，避免在拖动时加载造成闪烁。
在腾讯云的产品中，如果你需要在云端部署前端应用，可以使用腾讯云的云服务器（CVM）来搭建环境，并结合负载均衡（CLB）实现高可用性和负载均衡。此外，腾讯云还提供了对象存储（COS）来存储静态资源，可以通过CDN进行加速，提高页面加载速度。
相关·内容
1回答
我试图在另一个div中拖动一个元素，但它在被拖来拖去时不断闪烁。我用这个沙盒https://codesandbox.io/s/focused-cache-l3yos重现了这个问题 <template> <div id="board" @mousemove="dragOver">
浏览 54提问于2020-04-16得票数 0
回答已采纳
我有一个用于拖放的通用jQuery函数和两个div标签。这两个div标记具有不同的ids，但都包含具有相同ids的元素。我有一个块和一个占位符，所以当我拖动“block1”时，第一个表的唯一占位符应该是闪烁的，但两者都在闪烁。当我拖动任何块时，两个占位符都在闪烁，并且两个占位符都接受该块。这是指向我的<
浏览 0提问于2013-12-16得票数 1
1回答
元素拖动到排序时不响应。
、、、
我试图将元素从块元素的div拖到可排序的div。要拖动#block div中的元素，没有句柄，但是在#sortable div中有一个句柄来拖动元素，单击元素时会显示该句柄。问题是，从#block div拖动的元素
浏览 0提问于2015-10-03得票数 0
回答已采纳
刚刚更新了我的devexpress版本到12.1，现在所有可拖动元素在Chrome (20.0.1132.47米)上突出显示背景元素。例如，当我拖动拆分器时，所有页面都在闪烁，当我拖动ASPxPivotGrid或ASPxGridView字段时，字段有时会突出显示，附近的元素也会突出显示，然后我拖过它们。在ASPxGridview中，当我调整列的大
浏览 0提问于2012-07-10得票数 1
回答已采纳
我想使一个元素在一个固定的区域中被拖动，该区域的溢出属性设置为滚动.。我可以通过不在可拖放设置上设置包含属性来防止这种情况。然而，当我拖到左边或顶部时，拖到负x/y位置时，拖动<
浏览 2提问于2015-05-15得票数 0
回答已采纳
2回答
我在HTML中有以下元素：<div class="title" prop="title"><div class="content" prop="form"><
浏览 0提问于2011-09-09得票数 3
回答已采纳
我在父div中有一个可拖动的元素。父级有一个css大纲。在Firefox中，父元素的轮廓在拖动子元素时会改变大小。大纲将展开，因此它始终包含可拖动元素。在Chrome和IE中，父div轮廓不会改变，并且可以将子元素拖出轮廓。下面是一个例子：&l
浏览 0提问于2014-09-01得票数 2
我已经在我的应用程序中实现了jQuery拖放，除了IE之外，它在任何地方都可以工作，如果页面比窗口小(没有滚动条)，它也可以在那里工作。如果页面太长且可拖动对象接近底部，则每次拖动都会导致页面跳回顶部，随后随着项目的移动，内容会疯狂闪烁。以前有没有人见过这个？启动可排序的代码几乎是一行代码：
jQuery('#childrenlist').sortable({items:'div', update:updateC
浏览 0提问于2013-01-04得票数 2
1回答
我正在尝试角/cdk库的拖放。参见链接：例如，如果您查看链接中的待办事项列表，那么您可以看到，当开始拖动时，您将失去放置该项的原始位置。那么，我的问题是:当开始使用角/cdk拖动一个项目时，有人知道如何保持原来突出显示的位置吗？
浏览 0提问于2019-01-25得票数 4
1回答
我需要显示一个标记，只进入一个绘制的圆的边界，其面积是位置的精度。画圆是没有问题的，但可拖动区域的限制对我来说是不可能的。
提前谢谢。
浏览 4提问于2013-05-20得票数 0
我正在尝试实现类似于的东西，在其中我可以拖动div的内容，也可以单击并滚动到元素。我设法找到了这两个插件，和，每个插件都在我的div上完美地独立工作，但当我将这两个插件添加在一起时，mousedown和click事件之间似乎存在冲突，我的意思是，当我按住鼠标拖动时，当我松开鼠标时，拖动成功，但随后我滚动回到我按住鼠标开始拖动的元素</em
浏览 0提问于2011-04-11得票数 0
2回答
在这里：<div id="drag_container"> <div><img src="http://placehold.it/200
浏览 4提问于2016-03-05得票数 1
回答已采纳
1回答
是否可以使div成为可拖动的，并说明只有当用户单击该div中的特定元素时才应拖动该div？我有一个带有header元素的可拖动的div。我希望拖动只在元素被单击时发生。下面是我使div可拖动的javasc
浏览 2提问于2011-08-07得票数 1
回答已采纳
2回答
我使用jquery-ui让我的div元素是可拖动的。它看起来是这样的： <div id="child"> </div>
</div</e
浏览 2提问于2013-12-27得票数 3
在可放入区域中拖放元素时更改html。但是当我删除元素时，更改放置的html。其他示例:我有两个列表第一个可拖动列表和第二个可放列表，当我从第一个列表拖动元素并将此元素拖放到第二个列表中时，该元素将被克隆到第二个列表中<a href="#">test</a><a href
浏览 1提问于2011-12-14得票数 7
一个非常简单的问题--但没有找到一个简单的答案。我希望在元素上启用拖动事件(onDragStart、onDrag、onDragEnd等)，但我不希望元素在尝试拖动时进行拖动(就像将draggable传递给组件时那样)。我该如何实现这一点？<div
onDragStart={() => console.log("onDragStart")} &#x
浏览 54提问于2020-06-15得票数 0
1回答
JQuery可拖动-奇怪的行为
、、、、
我有一个可拖动的元素，我正在创建它的克隆，并将其拖动到拖放区。我希望可拖动元素一旦在拖放区中被正确设置，就可以被重新拖动。
当我将可拖动的div封装在另一个div中时，出现了奇怪的行为。当它被封装时，它不会将克隆元素设置为draggable，因此我不能重新拖动该元素<
浏览 10提问于2013-01-29得票数 1
回答已采纳
我使用的是JQuery拖放。我希望将包含可拖动元素(‘element’)的div移出屏幕，并在拖放后保持可拖动元素在相应插槽上的位置。现在，当所有的可拖动对象都在它们的插槽中时，我通过添加一个类将包含这些插槽的div移到左侧，然后设置可拖动对象的位置以匹配这些插槽：
$("#slots").
浏览 1提问于2013-05-14得票数 1
回答已采纳
3回答
我正在使用jQuery UI创建一个可拖动的<div>。是$('.dragbox').draggable();，以使<div>元素可拖动。左上角的<div>按预期工作，但右下角的<div>在拖动时会调整大小。如果我将.dragbox的min-height pop
浏览 1提问于2013-06-25得票数 9
回答已采纳
1回答
正如您所知道的，在jQuery UI可拖动交互中，被拖动的元素将获得.ui-draggable-dragging类。有像这样的东西可以分类吗？
。我想在拖动时更改元素的背景色。拖拽元素时会添加哪个类？.ui-sortable-dragging
浏览 0提问于2011-02-15得票数 24
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
