Elementor 粘性向下滚动按钮

Question

我试过 Lottie 小部件和 html 小部件，但它们只允许您滚动到一个部分（向上或向下）。我想做的是一个粘性按钮，每次点击都可以从一个部分跳到另一个部分（在单页网站上一个接一个地浏览所有部分）。这是我从中获得灵感的网站：Brightwoodlp.com。我还是个初学者，所以任何更简单的技巧都会有很大帮助。

Answer 1

您在问题中链接的网站中的按钮不是粘性的（如 position: sticky），而是 fixed（如 position: fixed）。这意味着该元素将位于正常元素流之外，并在您通过 top、right、bottom、left、margin 等属性移动它时保持不变等

您可以在元素（例如按钮）上设置固定位置，并使用 CSS 将其水平居中，如下所示：

.your-button {
  position: fixed;
  z-index: 1;
  left: -50%;
  bottom: 2rem; /* or whatever distance from the bottom you prefer */
  width: 3.2rem; /* or whatever width you prefer */
}

Elementor 粘性向下滚动按钮

Elementor Sticky Scroll Down Button

wordpress

elementor

onepage-scroll