移动控件不随内容滚动

使用CSS的position属性将控件位置设置为固定的，同时设置top和left属性的值。例如，以下代码'myButton”按钮固定在屏幕右下角，并且始终可见，无论怎样滚动页面。

HTML代码：

<div class="container">
  <div class="content">
    <!--页面内容-->
  </div>
  <button id="myButton">Click me!</button>
</div>

CSS代码：

.container {
  position: relative;
}
#myButton {
  position: fixed;
  bottom: 0;
  right: 0;
}

这里，外层div的position属性设置为relative，让内部的元素相对于它进行定位。myButton按钮的position属性设置为fixed，使得它始终固定在页面的右下角。bottom和right属性设置为0，表示离页面底部和右侧都是0像素。

使用以上代码，无论页面如何滚动，按钮都会保持在相同的位置，不会随着页面滚动而移动。