如何防止在draggabilly.js拖动时调整div封面图像的大小?

时间:2015-07-04 14:10:10

标签: jquery html css

我正在构建图片库。用户可以拖放照片以将其添加到相册。我使用了draggabilly.js,我的可拖动缩略图是潜水员background-image:urlbackground-size: cover

我遇到了一个奇怪的问题,无论何时选择缩略图,背景图片大小都会恢复到原始大小,直到选择被释放。

这个codepen会更好地解释,只需拖动顶部的一个图像。

http://codepen.io/anon/pen/gpvVVz

有没有办法阻止图像尺寸在被拖动时恢复?

1 个答案:

答案 0 :(得分:2)

这是因为你用:

覆盖背景大小
.is-dragging {
  background: #4D90FE;
}

使用

.is-dragging {
  background-color: #4D90FE;
}

代替

http://codepen.io/zba/pen/eNMOpp