Question

出于某种原因，在将类应用于具有css转换的部分时，我的页面会在Chrome上显示加载指示符。该类添加了一个底部值，使该部分向上滑动。我认为这种加载导致地址栏“活跃”，并且不会再次上滑。从而覆盖我的导航栏。我正在使用iPhone 4，iOS5。

我试图指出可能导致此问题的原因，因为它不存在于桌面Chrome或iPhone上的Safari上。它只会在应用类时发生，动画会被激活，也会在之后发生。

该页面有一个谷歌地图，我正在使用$ .ajax从XML文档中收集数据。然而，这并没有导致问题，因为我已经尝试禁用js文件中的所有内容，但应用该类的单击处理程序除外。

这是CSS：

#main_bottom {
    position: absolute;
    bottom: -297px;
    width: 300%;
    height: 384px;
    background-color: #ececec;
    -webkit-transition-property: bottom, left;
    -webkit-transition-duration: 0.2s;
}

#main_bottom.active {
    bottom: 36px;
}

我正在使用它来应用这个类：

$(document).on('click', '#main_bottom > section:not(#gps) > a', function (e){
    e.preventDefault();
    $($main_bottom).toggleClass('active');
});

HTML：

<a href="/">Choose nearest shop
    <div class="bigarrow"></div>
</a>

可能导致这种情况的原因是什么？它似乎与动画有关，不知道为什么。这可能是绝对定位，还有css过渡？如果我被允许链接到当前的实时网站，我很乐意这样做：）

Answer 1

我发现这是因为<a href="/">。即使e.preventDefault();设置，这仍然导致Chrome与href做'某事'。

Chrome iOS - 使用jQuery应用类时的加载指示器

1 个答案: