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



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

我有说明页面(例如/georgia-insurance-license(,其中包含指向其他帖子的内部链接(例如。如何通过保险考试(。

用户不必按浏览器上的后退按钮,或者从导航将两个步骤导航到其状态页,最好单击一个按钮将它们链接回它们来自的状态页。

如果它可以与移动设备配合使用,那也很棒。

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

另外,我在SquareSpace上,如果这有什么不同的话。

谢谢!

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


标记

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


风格

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

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

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

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

相关内容

  • 没有找到相关文章

最新更新