滚动时始终显示一个按钮

Question

我有一个很多字段的形式（长页面），每次我想提交时，我必须滚动到按钮点击提交。我想要一个技巧，我可以随时看到提交按钮，而无需访问页面底部。 （例如，让提交按钮浮动在页面上）

Answer 1

在你的CSS中，试试......

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

我做了几个假设......按钮上的班级名称，你希望它在顶部/左侧。

Answer 2

试试这个：

#yourButton {position: fixed}

Answer 3

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

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

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

另外，如果你用一个按钮放在一个整个容器/部分里，它可能看起来会更好看，否则按钮就会漂浮在不知名的地方。