JQuery Mobile转换停止在长页面上工作

我遇到了从长页面底部运行时不再出现页面转换的问题。

这是一个jsfiddle： http ： //jsfiddle.net/7WVHA/7/

如果打开示例并单击黑色导航按钮，则转换将按预期运行。 但是，如果您返回到长页面，请滚动到底部并再次运行它，不再发生转换，第二页就会立即显示。

任何帮助将不胜感激。

 
 
Long Page
 DO TRANSITION 
 
 
TEST BOX 1
 
TEST BOX 2
 
TEST BOX 3
 
TEST BOX 4
 
TEST BOX 5
 
TEST BOX 6
 
TEST BOX 7
 
 
 
 
 
Short Page
  Back 
 
 Short page 
  

Answer 1

这是jQuery Mobile在长页面上的默认行为，禁用了过渡动画。

您可以通过在pagebeforechange上滚动到页面顶部来解决此pagebeforechange 。

 $(document).on("pagebeforechange", function () { window.scrollTo(0, $.mobile.defaultHomeScroll); }); 

$.mobile.defaultHomeScroll默认为0 ，除非根据设备/平台隐藏url栏 。

演示