Jquery mobile jQuery Mobile在幻灯片转换前禁用页面淡入淡出

非常简单，我有一个链接，指向一个带有

data transition=“slideup”

的辅助页面。该页面打开时向上滑动，关闭时向下滑动，但单击链接本身后，当前页面在新页面向上滑动之前会消失。类似地，当关闭辅助页时，它会向下滑动，然后另一页淡入

---

我可以禁用这个淡入淡出吗？我只想让第二页滑到当前页面的顶部。

您要查找的是CSS转换定义。我遇到了同样的问题。如果您编辑CSS转换（转换），那么您应该能够获得所需的效果

转换被定义为

.in

或

.out

。您可以在结构CSS文件中找到它们。对于jquerymobile1.4.2，它们将在

jQuery.Mobile.structure-1.4.2.css

中定义

以下是slideup（输入和输出）定义的定义：

.滑出{
-webkit动画名称：淡出；
-webkit动画持续时间：100ms；
-moz动画名称：淡出；
-moz动画持续时间：100ms；
动画名称：淡出；
动画持续时间：100ms；
}
.滑入{
-webkit转换：translateY（0）；
-webkit动画名称：slideinfrombottom；
-webkit动画持续时间：250ms；
-moz变换：translateY（0）；
-moz动画名称：slideinfrombottom；
-moz动画持续时间：250ms；
变换：translateY（0）；
动画名称：slideinfrombottom；
动画持续时间：250ms；
}

（这些定义也有

reverse

版本）

您所需要做的就是修改这些CSS转换以获得所需的效果。请注意如何定义动画名称：

slideinfrombottom

？这些是同一CSS文件中预定义的关键帧

在这里修改所有内容将为您提供在jQuery Mobile中调整和调优页面转换所需的一切

---

重要提示：jQuery Mobile将不会启动

in

转换，直到

out

转换完成。如果你想调整一下，那完全是另一回事。我在1.4.2中看到的代码直接解决了并发和同时转换问题，但我没有深入研究。

渐变隐藏了在顶部0添加页面所需的scrolltop。我能否也禁用滚动？我不确定JQM是否总是滚动到顶部，因为如果页面小于屏幕高度，您可能不需要scrollTop。但是如果页面较长，我不确定。我也不是它的超级粉丝，但是。。。唉。看一看。开发人员编写了一些非常好的自定义转换来配合JQM。也许这会让你走上正确的方向