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

Question

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

我试图查明可能导致这种情况的原因，因为它在桌面Chrome或iPhone上的Safari上不存在。它只发生在应用类时，动画被激活，以及之后。

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

这是 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 做"某事"。