如何删除 Elementor 上的水平滚动 - Javascript

在 Elementor 中，我们可以通过拖动“滚动”部件来实现内容水平滚动。但是，如果您不需要该功能，您可能会想知道如何删除它。

以下是如何通过 JavaScript 代码删除 Elementor 中的水平滚动：

// 获取水平滚动部件
const horizontalScroll = document.querySelector('.elementor-widget-container .elementor-horizontal-scroll-wrapper');

// 检查是否存在水平滚动部件
if (horizontalScroll) {
  // 获取包含水平滚动部件的父级元素
  const horizontalScrollParent = horizontalScroll.parentNode;

  // 将水平滚动部件替换为其第一个子元素
  horizontalScrollParent.replaceChild(horizontalScroll.firstChild, horizontalScroll);
}

以上代码将首先获取 Elementor 页面上的水平滚动部件，然后检查是否存在。如果存在，它将找到包含水平滚动部件的父级元素，并将其替换为其第一个子元素。

请注意，这将完全删除水平滚动部件，因此请确保您不需要该功能并仔细测试您的页面。

在实际实现中，请将以上代码的“querySelector”和“parentNode”语句中的选择器替换为适当的选择器，以便只选择您要删除的水平滚动部件。

希望这篇文章对您有所帮助！