Javascript 在移动网站上模拟像刷卡这样的应用程序切换页面

Javascript 在移动网站上模拟像刷卡这样的应用程序切换页面,javascript,jquery,css,zepto,wechat,Javascript,Jquery,Css,Zepto,Wechat,我最近对一个微信前端框架的有趣行为感到好奇(威信). 如果你看到Chrome的设备工具栏被打开,然后在第一页的列表中选择一个元素,你会注意到它会带你进入新页面,而不需要重新加载任何页面,新页面会从右向左滑动 但最有趣的是,如果你按下后退按钮(Chrome浏览器窗口左上方的“后退”按钮),它会带你回到第一页。另外,如果你用手机打开同一个weui.io,你将能够选择列表中的某些项目,它会再次加载新页面,并具有这种漂亮的幻灯片效果,然后你只需从左向右滑动即可返回上一页。因此,滑动就像在应用程序中一样,

我最近对一个微信前端框架的有趣行为感到好奇(威信).

如果你看到Chrome的设备工具栏被打开,然后在第一页的列表中选择一个元素,你会注意到它会带你进入新页面,而不需要重新加载任何页面,新页面会从右向左滑动

但最有趣的是,如果你按下后退按钮(Chrome浏览器窗口左上方的“后退”按钮),它会带你回到第一页。另外,如果你用手机打开同一个weui.io,你将能够选择列表中的某些项目,它会再次加载新页面,并具有这种漂亮的幻灯片效果,然后你只需从左向右滑动即可返回上一页。因此,滑动就像在应用程序中一样,我觉得非常有趣

我想在我的网站上建立同样的行为,但不能有效地模仿它

我的想法是,我只是立即加载两个页面,第二次隐藏,然后根据需要滚动第二个页面,但关键是我需要在整个网站范围内使用此方法,这种方法对于整个网站的使用非常笨拙。或者,我可以用AJAX加载第二个页面,但它仍然不会在移动设备上给我那种滑动效果

我一直在检查代码,但仍然无法获取包含该特定函数的代码部分


有人做过类似于share exp的事情吗?谢谢大家的想法!

结果很简单:这都是关于历史API的(+-还有一个很好的CSS技巧可以开始)

无论如何,历史API帮助您模拟后退/前进按钮的行为,即使您只是这样做

$('.some_div').hide()
$('.some_other_div').show();

我发现它真的很有用——几乎是开箱即用

最后,可以找到历史API浏览器支持


如果有任何问题,我很乐意发表评论;)

结果很简单:这都是关于历史API的(+-还有一个很好的CSS技巧可以开始)

无论如何,历史API帮助您模拟后退/前进按钮的行为,即使您只是这样做

$('.some_div').hide()
$('.some_other_div').show();

我发现它真的很有用——几乎是开箱即用

最后,可以找到历史API浏览器支持

如有任何疑问,欢迎发表意见;)