1

iphone上phonegap应用中jquery效果不流畅

我正在使用简单的脚本进行显示隐藏，但页面正在闪烁。

/* enter code here */
$( '#signupbtn1' ).live('click',function(event)
    {
       $('#header').slideUp('slow');
       $('#content').slideDown('slow');
});

知道为什么它不能正常工作

4

3 回答 3

2

你试过jquery.animte-enhanced插件吗？它通过检测浏览器对 CSS3 动画的支持来加速动画。在 iOS 上，使用translate3d动画某些元素非常快，因为它受益于 GPU 加速。以前写过一些只依赖 CSS3 动画的动画库，在 iOS 上体验非常棒。但安卓会让你发疯。

于 2012-07-25T12:13:24.193 回答
0

类似的事情以前也发生在我身上。我试图为右侧的最后一个菜单项设置动画（像 Apple 这样的搜索框），一切都在闪烁。我所做的是更改float:right特定position:absolute;right:0;项目的 css 并添加position:relative;到动画的容器中。

希望这个技巧也对你有用！只需编辑定位以满足您的需求，但如果您想让某些东西正确滑入/滑出并保持在同一个地方，定位应该更能解决问题。

jQuery 建议使用 .on 而不是 live，因为 live 已被弃用，并且事件委托现在以非常不同的方式处理。

于 2012-07-25T12:04:37.460 回答
0

我知道这个回复是在你最初提出这个问题多年之后，但是你的问题是在谷歌上寻求帮助时列出的少数问题之一。

所以这里是来自 Chrissilich Blog 博客的解决方案，解决方案是修复断断续续的动画的解决方案

基本上，他建议将以下内容添加-webkit-transform: translateZ(0);到您尝试制作动画的元素中。

它对我很有效，就像对其他许多人一样。

于 2016-01-15T12:15:35.943 回答