如何创建 s 按钮，即使我向下滚动页面，该按钮也应该保持可见？

Question

我在 HTML 中创建了一个按钮。但是当我向下滚动时，页面按钮也会上升。我想创建一个按钮，即使我滚动页面，该按钮也应该保持漂浮在屏幕上的空中。

我编写了这段代码来创建按钮

<div id ="myDiv">
    <button type="button" onclick="previous()">Previous Month</button>
</div>

Answer 1

你可以只使用position: fixed. 我刚刚提供了一个示例片段，请仔细阅读。

#myDiv{
  position: fixed;
  left: 40px;
}

<div id ="myDiv">
    <button type="button" onclick="previous()">Previous Month</button>
</div>
<div> Jan </div>
<div> Feb </div>
<div> Mar </div>
<div> Apr </div>
<div> May </div>
<div> Jun </div>
<div> Jul </div>
<div> Aug </div>
<div> Sep </div>
<div> Oct </div>
<div> Nov </div>
<div> Dec </div>
<div> Jan </div>
<div> Feb </div>
<div> Mar </div>
<div> Apr </div>
<div> May </div>
<div> Jun </div>
<div> Jul </div>
<div> Aug </div>
<div> Sep </div>
<div> Oct </div>
<div> Nov </div>
<div> Dec </div>