使用jQuery Mobile幻灯片转换保持滚动位置

Question

我目前正在开发一个移动网站,我使用jQuery Mobile.切换页面时,我使用幻灯片切换.因为这些页面很长,所以需要滚动.

当向下滚动并单击链接时,在新页面中滑动之前页面滚动到顶部时会出现可见的跳转.当在某些时候需要将滚动转换到顶部时,两页并排坐在一起.

我尝试过的一件事是:我可以从顶部偏移新页面,使其从页面滚动到的级别开始,并在动画完成时将偏移重置为0,但页面将保持滚动状态下.如果我使用window.scrollTo或jQuery的scrollTop(),则固定标题会出现明显的闪烁.

还有其他我可以做的事情是保持旧页面滚动但新页面未展开吗？

我已经在iPod touch第三代,iPhone 4和iPhone 4s中测试了这一点,令人惊讶的是,到目前为止,我给了我最少闪烁的设备是iPod touch.

Answer 1

只需将 return false 即可；在调用的 javascript 函数的末尾。

     function yourFunctionBeingCalled(){
       /*your code*/
       return false;
     }

您还可以使用 PreventDefault(); 或 event.stopPropagation(); 功能

reffer： event.preventDefault() 与 return false

希望有帮助。