Javascript 如何创建保留在页面上且不受滚动影响的HTML元素？

我想创建一个按钮，它保持在屏幕上，不管我们在页面上滚动多少次，就像按钮卡在显示屏上一样。有没有办法做到这一点？

使用

位置：固定。然后，您可以通过设置顶部、右侧、底部或左侧的一些组合来设置其位置。
absolute

指示元素已绝对定位，而其他元素则显示在网页上，就好像没有绝对定位的元素一样。元素的位置由“左”、“上”、“右”和“下”属性设置，父元素的“位置”属性也会影响位置。因此，如果“位置”的父值设置为“静态”或没有父值，则坐标从浏览器窗口的边缘开始计数。如果父元素的“位置”值设置为“固定”、“相对”或“绝对”，则坐标从父元素的边开始计数

固定的

实际上，该值接近绝对值，但与之不同的是，它绑定到屏幕的左、上、右和下属性上指示的点，并且在滚动网页时不会更改其位置。如果元素的位置是固定的，并且不完全适合浏览器窗口，Firefox浏览器根本不会显示滚动条。尽管Opera条显示滚动条，但它们不会影响元素的位置

相对的

元素的位置是相对于其原始位置设置的。添加“左”、“上”、“右”和“下”特性将更改图元的位置，并将其从原始位置向一个或另一个方向移动

静态

项目照常显示。使用“左”、“上”、“右”和“下”属性不会产生任何结果

继承

继承父对象的含义

在您的情况下，“修复”应该有效

HTML:

您可以使用CSS position属性来实现这一点，如果您需要的属性是
position:fixed

使用此属性，可以相对于浏览器的视图端口定位元素，即使页面被滚动，元素也将始终保持在同一位置。
所以简单地说，如果您有一个html元素，您只需要为它确定位置
在css中选择它并给它
位置：固定和相应的左、右、上、下值以对齐

HTML

希望有帮助
 使用固定位置
例如：当你有一个

   <div class:"fixed-btn"> Fixed button </div>

试试看。
推荐阅读：请展示您尝试过的内容。发布一些代码。考虑一下阅读这个问题：请给你的答案加上一些解释，这样别人就可以从中学习，尽管你张贴的东西可以解决这个问题，（忽略了位置上的资本P：固定的），但它并没有真正回答这个问题；您没有向他们解释必须设置一个元素使其不移动，您已经向他们解释了如何应用和css类，在这种情况下，碰巧有一个规则将位置设置为固定。
.fix_block {
    position: fixed; 
    top: 100px; 
    left: 30px; 
    padding: 20px; 
    border: 1px solid #000;
}

<div class="fixed_div">I am fixed!</div>

.fixed_div {
    position: fixed; 
    top: 40%; 
    left: 40%; 
    padding: 10px; 
    border: 2px solid red;
}

   <div class:"fixed-btn"> Fixed button </div>

 .fixed-btn{
       Position:fixed;
       top:100px;
       left:0px;
       baground:#fff;
       padding:5px;
    }