时间戳

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

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

问题描述

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

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

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

标签： javascripthtmlcss

解决方案

你可以只使用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>

推荐阅读