原来确定按钮是如图所示布局且为隐藏状态,这里为了截图就让第一个显示一下位置。
确定按钮css:
.m-blanktest .answer .assure { position: absolute; top: 0; left: 50%; display: none; width: 120px; height: 150px; transform: translate(-50%,-100%); background: url(../img/btn_quedingjuxing.png) no-repeat center center; background-size: cover; }
然后我引入aimate.css库,监听点击事件为其添加动画类名,然而动画出现了位置偏差。
javascript:
$(target).find(".assure").addClass('animated bounceIn').show();
请问使用animate.css怎么让确定按钮在我原来布局的位置弹出?
你的transform属性被bounceIn的keyframes里的transform覆盖了,建议你这里使用left、top之类的属性,或者自定义这个CSS库,