在鼠标mouseup时动态给div添加css3过渡效果的问题

我在做一个拖动div的效果，想实现拖动的时候，当鼠标mouseup的时候div回到原位，为了好看给它添加一个css3的transition : all 0.5s ease-out。但是为什么我在拖动的过程中也会有这个css3的过渡效果呢

javascript html

html5 css css3动画

阅读 2k

1 个回答

得票最新

FelixAn

1k1216

发布于
2019-05-30

确认下你是不是直接加到css里面了, 应该在mouseup的时候才加这个css, 用js增加

查看全部 1 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.5k 阅读✓ 已解决
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答2.3k 阅读
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.6k 阅读
快开发完的Vue3项目要做SEO该如何处理？
快开发完的Vue3项目要做SEO该如何处理？项目已经快开发完了，领导让做SEO，目前的需求是首页做SEO，其他页面不需要优化去论坛上查了一下，发现好多针对Vue的SEO库都过时弃用了，大家有什么好用的库推荐吗？
5 回答1.9k 阅读✓ 已解决
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？
3 回答1.4k 阅读✓ 已解决
怎么获取动态弹出对话框的模拟单击？
我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;
6 回答1.5k 阅读✓ 已解决

相似问题

这个过渡效果怎么写？
2 回答2.4k 阅读✓ 已解决
鼠标拖动DIV时，鼠标指针和DIV边框不是同步，而是一前一后，怎么解决？
1 回答2.9k 阅读✓ 已解决
动态添加ueditor
2 回答5.3k 阅读
JS去除过渡效果，设置width:1000px;然后加过渡效果，为什么width是以过渡变化？
1 回答3.1k 阅读
css3中transition对于zoom为什么不起过渡效果？
2 回答5k 阅读✓ 已解决

找不到问题？创建新问题

在鼠标mouseup时动态给div添加css3过渡效果的问题

js 如何将Key属性相同的放在同一个数组？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

Next.js做纯前端是否可行？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？