当我向下滚动网页时，如何确保我的下拉图标不会离开它的位置？

<div class="container">
  <div class="content">
    <!-- 网页内容 -->
  </div>
  <div class="icon">
    <!-- 下拉图标 -->
  </div>
</div>

.container {
  position: relative;
  height: 2000px; /* 设置容器高度以产生滚动条 */
}

.content {
  height: 1000px; /* 设置内容高度 */
}

.icon {
  position: fixed;
  bottom: 20px; /* 距离底部的距离 */
  right: 20px; /* 距离右侧的距离 */
  /* 其他样式属性，如图标的大小、颜色等 */
}