使按钮在滚动时始终可见

Make a button always visible on scroll

本文关键字：按钮 滚动      更新时间：2023-09-26

我有很多字段（长页面）的形式，每次我想提交时，我都必须滚动到屁股才能点击提交。我想要一个技巧，我总是可以看到提交按钮，而无需转到页面底部。（例如，使提交按钮浮动在页面上）

在你的 CSS 中，尝试...

.SubmitButton {
  position: fixed;
  top: 100px;
  left: 10px;
}

我做了几个假设...按钮上的类的名称，您希望它位于顶部/左侧的位置。

试试这个：

#yourButton {position: fixed}

要使元素始终可见，请将其位置设置为 fixed 。

.long-form-button {
  position: fixed;
}

请注意，您还需要设置top、bottom、left和/或right。

此外，如果您将整个容器/部分与按钮放在里面，它可能会看起来更好，否则按钮将漂浮在偏僻的地方。

相关文章：