浮动按钮,包含指向上次查看页面的链接

时间:2017-05-17 20:45:20

标签: css button navigation sticky squarespace

我想添加一个随用户滚动一起移动的按钮,或者粘贴在窗口底部。

我有一些说明页(例如/georgia-insurance-license),其中包含指向其他帖子的内部链接(例如How to Pass the Insurance Exam)。

而不是用户必须按下浏览器上的后退按钮,或者从导航中将两个步骤导航到他们的状态页面,如果有一个单击按钮将它们链接回状态页面它们会更好来自。

如果它能与手机配合使用也会很棒。

如果你有一个粘滞按钮的想法,请告诉我!

此外,我在SquareSpace上,如果这有所作为。

谢谢!

2 个答案:

答案 0 :(得分:0)

听起来你会想要使用'固定'定位。


标记

<button class='special-button'>special button</button>


样式

.special-button {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
}

https://jsfiddle.net/sheriffderek/1u4y2csj/

答案 1 :(得分:0)

使用fixed属性,使其在滚动时移动。
并添加onclick="history.back(-1)以返回一页。

.backBtn {
  position: fixed;
  left: 40%;
  top: 50%;
}
<button class='backBtn' onclick="history.back(-1)">GO BACK! </button>