时间戳

首页 > 解决方案 > Elementor 粘性向下滚动按钮

wordpress - Elementor 粘性向下滚动按钮

问题描述

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

标签： wordpresselementoronepage-scroll

解决方案

您在问题中链接的网站中的按钮不是粘性的（如 中position: sticky），而是固定的（如 中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 */
}

推荐阅读