很简单，我有一个指向二级页面的链接data-transition="slideup"。该页面在打开时向上滑动，在关闭时向下滑动，但是在单击链接本身时，当前页面会在新页面向上滑动之前淡出。同样，关闭二级页面时，它会向下滑动，然后另一个页面淡入。
我可以禁用此淡入淡出吗？我只想让辅助页面滑过当前页面的顶部。
问问题
728 次
1 回答
0
您正在寻找的是 CSS 过渡定义。我遇到了同样的问题。如果你编辑 CSS 过渡（transformations），那么你应该能够得到你想要的效果。
转换定义为<transition name>.in或.out。您可以在结构 CSS 文件中找到它们。对于 jQuery Mobile 1.4.2，它们将在jquery.mobile.structure-1.4.2.css.
这是上滑（进出）定义的定义：
.slideup.out {
-webkit-animation-name: fadeout;
-webkit-animation-duration: 100ms;
-moz-animation-name: fadeout;
-moz-animation-duration: 100ms;
animation-name: fadeout;
animation-duration: 100ms;
}
.slideup.in {
-webkit-transform: translateY(0);
-webkit-animation-name: slideinfrombottom;
-webkit-animation-duration: 250ms;
-moz-transform: translateY(0);
-moz-animation-name: slideinfrombottom;
-moz-animation-duration: 250ms;
transform: translateY(0);
animation-name: slideinfrombottom;
animation-duration: 250ms;
}
（这些定义也有reverse版本）。
您需要做的就是修改这些 CSS 转换以获得所需的效果。请注意如何定义动画名称：slideinfrombottom? 这些是@keyframes在同一个 CSS 文件中预定义的。
在这里修改所有内容应该为您提供在 jQuery Mobile 中调整和调整页面转换所需的一切。
in重要提示：jQuery Mobile在转换完成之前不会触发转换out。如果你也想调整它，那是完全不同的事情。我看到 1.4.2 中有代码直接处理并发和同时转换，但我没有彻底探索它。
于 2014-05-16T15:01:21.933 回答