Javascript 通过jquery添加的CSS类中的Safari显示动画不正确
我对Safari浏览器有问题。在下面的代码中,我有几个动画(滚动到ID并增加元素的高度-如果单击),当最后一个动画结束时,jQuery将向嵌套元素(“打开”)添加类。CSS应该通过可见性、缩放和变换来设置嵌套元素的动画。在所有浏览器上,脚本都非常好(chrome、moz、opera),但在safari上却不太好嵌套元素仅在我从Javascript 通过jquery添加的CSS类中的Safari显示动画不正确,javascript,jquery,css,safari,Javascript,Jquery,Css,Safari,我对Safari浏览器有问题。在下面的代码中,我有几个动画(滚动到ID并增加元素的高度-如果单击),当最后一个动画结束时,jQuery将向嵌套元素(“打开”)添加类。CSS应该通过可见性、缩放和变换来设置嵌套元素的动画。在所有浏览器上,脚本都非常好(chrome、moz、opera),但在safari上却不太好嵌套元素仅在我从元素中取出鼠标时显示,该元素包含动画嵌套元素。实际上我有多个问题,但我将替换其他有错误的元素。。。我没有处理这个元素,因为有太多的代码和嵌套样式 我的代码JS: on('c
元素中取出鼠标时显示,该元素包含动画嵌套元素。实际上我有多个问题,但我将替换其他有错误的元素。。。我没有处理这个元素,因为有太多的代码和嵌套样式
我的代码JS:
on('click'...)
if( $( this ).css( "height" ) == "270px" ) {
list.removeClass("active");
inner.removeClass("opened");
list.animate({ height: "270px" }, 500 );
$(this).animate({height: maxHeight },
{
duration: 500,
complete: function() {
$($this_li).addClass("active");
$("html, body").animate({ scrollTop: $(this).offset().top },
{
duration: 500,
complete: function() {
$($this_li).find(".inner").addClass("opened");
}
});
}
});
}...
和CSS:
.inner {
position: absolute;
display:block;
padding: 2% 2% 2% 2%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
bottom: 5%;
width: 80%;
z-index:100;
background:#333;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
-webkit-transform:scale(1.3) translateY(150%);
-moz-transform: scale(1.3) translateY(150%);
-o-transform: scale(1.3) translateY(150%);
-ms-transform: scale(1.3) translateY(150%);
transform: scale(1.3) translateY(150%);
opacity: 0;
visibility: hidden;}
.inner.opened {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:translateY(0%);
-moz-transform:translateY(0%);
-o-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
z-index: 200;
opacity: 0.9;
visibility: visible;}
我真的很困惑,因为今天我真的很想让这个网站上线,而且因为该死的旅行,我不能这样做。我将感谢任何提示!为语言错误道歉