如何在不使用 jquery 插件的情况下快速跳转到下一部分？

Posted 2023-05-09

【中文标题】如何在不使用 jquery 插件的情况下快速跳转到下一部分？

【英文标题】：How to snap to next section wihout using a jquery plugin?

【发布时间】：2018-06-28 17:37:05

【问题描述】：

我想启用/添加当访问者滚动到下一部分时的功能。 Jquery 插件，例如 SmartScroll 或 Fullpage.js 完全符合我的要求。但是，问题是我不知道如何将这些 JS 插件（不存在编码能力）添加到我已经存在的 Wordpress 网站中，该网站是用购买的主题和 WP Bakery 构建的。

有没有办法通过使用 WordPress 插件来添加这个功能（下一节）而无需/最少的编码。

如果您需要更多信息，请告诉我。

【问题讨论】：

提问前请查看主题如何提问：***.com/help/how-to-ask

希望本次编辑遵循指南。

你想在wordpress网站上使用上面的jquery吗？

是的，我想使用 SmartScroll

1.下载这 3 个 jquery 并包含在您的主题文件夹中 1. EventEmitter.min.js 2. lethargy.min.js 3. smartscroll.min.js 并包含在 footer.php 2. 初始在您的 footer.php <script> var ee = new EventEmitter(); $.smartscroll( sectionWrapperSelector: ".section-wrapper", sectionClass: "section", headerHash: "welcome", eventEmitter: ee ); </script>

【参考方案1】：

浏览器尚未实现此快照功能，尽管 there are some attempts 这样做。

因此，您只能通过使用诸如您提到的那些 javascript 库来实现这种效果。

如果您想在 Wordpress 中使用它，那么您必须找到使用此类 Javascript 库的 wordpress 主题或插件，例如来自 Themify 的 Fullpane theme，它使用 fullPage.js。

毫无疑问，我会推荐您使用fullpage.js。 它是此类库中最完整、使用和测试最多的库，并且是全时维护的。