0

出于某种原因，当将类应用于具有 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 过渡？如果允许我链接到当前的实时站点，我很乐意这样做:)

4

1 回答 1

0

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

于 2013-09-15T21:36:38.087 回答