如何创建一个将保留在屏幕右侧中间的div

Question

我正在尝试使用网络服务与电话系统进行交互。

当用户打电话时，我想创建一个具有多个按钮的div

1. 挂断
2. 保留/继续
3. 发送至语音主
4. 转移

但我需要这个div留在屏幕的右侧和中间。即使用户向下滚动，我仍然希望这个div在最右侧和右侧。

我将设计div，但我的问题是如何让它始终保持在屏幕的右侧/中间位置 我怎么能这样做？

Answer 1

一个常见问题，找到一个很好的解释here

div {
      position: fixed;
      top: 50%;
      right: 0px;
      transform: translate(0, -50%);
    }

Answer 2

this网站是否完全符合您的要求？请参阅绿色部分链接。

<ul id=menu>
<li><a href="#L384">Section 1</a>
<li><a href="#details">Section 2</a>
<li><a href="#FAQ">Section 3</a>
</ul>

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}