Web前端开发 同时用transform；和animate，滑动时会闪一下；该如何解决

Posted 2023-05-13

同时用transform；和animate，滑动时会闪一下；该如何解决 var setContainerOffset = function (pixel, animate)
container.removeClass('animate');
if (animate)
container.addClass('animate');

return container.css('transform', "translateX(" + pixel + "px)");
;

参考技术A 加一下在动画前stop(true,true)。本回答被提问者采纳

css 笔记：前端开发中的“居中”，绝对定位，transform和flex布局：相对绝对定位 - 1

/* center by traditional relative/absolute position */
/* parent */
.box.box_centerByAbsolute {
 position: relative;
}

/* child */
.box.box_centerByAbsolute .content {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -90px; /* box 的宽度是 180px */
 margin-top: -50px; /* box 的高度是 100px */
}