ajax - 使用带有滑动效果的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() 淡入 + 加载内容。

在 fadeIn 之前，您只需添加：

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

重置边距并将#content 容器放置到位。

为了使这一切看起来闪亮和酷，你将使用这样的 CSS 过渡：

#content { transition: margin 1s; }

当然不要忘记给供应商添加前缀。希望这对您有所帮助，如果有任何不清楚或有任何疑问，请询问。