使用带滑动效果的ajax在wordpress中加载页面

Question

我有一个客户希望他的wix.com网站转换为wordpress。但他想保持页面滑动效果.. 谁能告诉我如何使用具有滑动效果的ajax（从右到左）在wp中加载页面？

Answer 1

我也有过这个请求，我在ajax-page-loader代码中遇到了一些黑客攻击。

在ajax-page-loader.js文件中，您可以找到AAPL_loadPageInit（）函数。在这里，您可能想要检查单击了哪个菜单项，然后像这样向右或向左推动#content项。

$('#content').css('margin-left', '-1500px');

此函数触发AAPL_loadPage（）函数。围绕第160行将#content容器用fadeOut（）淡出，然后使用fadeIn（）+淡入内容。

在fade之前你只需添加：

$('#content').css('margin-left', '0');

重置边距并将#content容器放在适当的位置。

为了使这一切显得有光泽和酷，你将使用这样的CSS过渡：

#content { transition: margin 1s; }

当然不要忘记供应商的前缀。希望这有用，请询问是否有任何不清楚或者您是否有任何问题。