javascript - 如何在单页面应用程序中添加页面导航幻灯片切换效果

HTML

<body>
 <div id="Header"></div> // Static Header
 <div id="Main"></div> // Dynamic pages will be loaded
 <div id="Footer"></div>// Static Footer
</body>

在“主要”中，我将推送新页面。目前，当我将新页面推送到“Main”时，突然出现新页面，这是显而易见的，因为我没有添加任何转换。

我的要求是

当我将新页面推到“Main”时，第一页应向左滑动，新页面应从屏幕的右侧滑动到中心。
如果我从第2页单击后退，则第2页应向右滑动，第1页应从左向中滑动。

提前致谢！

如何在单页面应用程序中添加页面导航幻灯片切换效果

0 个答案: