Question

它在桌面上运行良好。但是，当我使用iphone测试Addthis按钮时。共享窗口将弹出然后立即隐藏。

我在safari上调试过，无法弄清楚问题，

我刚刚发现，对于＃at4m-menu元素，有一个样式

.at4-show {
    display: block!important;
}

当您在safari inspect元素工具上取消选中此样式并再次检查时，将显示弹出窗口。

感谢任何帮助。

此问题由addthis解决。

Answer 1

找出与slideInUp动画相关的问题。

＆＃13;

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(1500px)
    }
    0%,
    to {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0)
    }
}
@keyframes slideInUp {
    0% {
        transform: translateY(1500px)
    }
    0%,
    to {
        opacity: 1
    }
    to {
        transform: translateY(0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
    -webkit-transition-timing-function: linear;
transition-timing-function: linear;
    
}

.red{
  position: fixed;
  background: #ff0000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: helvetica neue, helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: block;
  width: 200px;
  height: 200px;
  opacity: 0;
}

＆＃13;

<div class="red slideInUp"></div>

＆＃13;

它在chrome中运行良好，但在safari中运行不正常。

addthis共享弹出窗口不适用于iPhone

1 个答案: