PhoneGap中文网
标题:
JqueryMobile页面跳转闪屏处理方法
[打印本页]
作者:
admin
时间:
2013-10-19 16:06
标题:
JqueryMobile页面跳转闪屏处理方法
JqueryMobile页面跳转闪屏处理方法,主要加入以下样式
-webkit-backface-visibility: hidden;/* for 闪屏 */
复制代码
完整的代码
body {
padding: 0;
margin: 0;
border: 0;
font-size: 14px;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
font-family: helvetica;
-webkit-backface-visibility: hidden;/* for 闪屏 */
}
复制代码
作者:
phonegap100
时间:
2013-10-19 16:08
学习了，不错，讲的太有道理了
作者:
小雪
时间:
2013-10-19 17:09
路过，支持一下啦
作者:
你懂得
时间:
2013-10-19 18:12
谢谢楼主分享 支持phonegap中文网
作者:
h343554668
时间:
2013-10-23 09:48
好帖。大家都推广推广 让网站人气高点 有什么问题一起解决
作者:
nicole_gxt
时间:
2014-2-21 14:31
<div id="init_page" data-role="page" data-theme="a">
<div data-role="header" data-posiiton="fixed" data-tap-toggle="false" data-theme="b">
<h1竞赛考核评价软件</h1>
</div>
<div data-role="content" class="content">
<img src="res/1111.jpg" width="100%;" height="100%;"/>
</div>
<div data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="b">
<a href="#login_page" data-rel="dialog" data-transition="none">
</div>
</div>
<!--登录页-->
<div id="login_page" data-role="page" data-theme="a">
<div data-role="header" data-posiiton="fixed" data-tap-toggle="false" data-theme="b">
<h1>登录</h1>
</div>
<div data-role="content" class="content">
<div class="ui-grid-a">
<div class="ui-block-a"><button data-theme="a" data-corners="false">取消</button></div>
<div class="ui-block-b"><button data-theme="b" data-corners="false">登录</button></div>
</div>
</div>
我在页面上加了上面你给出的那个处理闪屏的样式
，我通过<a href="#login_page" data-rel="dialog" data-transition="none">打开dialog，通过data-transition指定对话框过渡效果，data-transition属性可选值：pop（默认）, fade，flip，turn，flow，slidefade，slide，slideup，slidedown，none，我把每一个属性都试了一遍，
除了data-transition="none"的时候没有闪屏，其他属性时都会闪屏，在dialog中点击取消返回页面时，也会出现闪屏
;我的测试环境是TPad上android4.2.2+jquery mobile1.3.2，加了上面的样式，还是不行，这是什么原因呢，望指教。
作者:
xhy
时间:
2016-3-15 11:58
为什么我加上去没有用
欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)
Powered by Discuz! X3.2
.gif)
好帖。大家都推广推广 让网站人气高点 有什么问题一起解决