当我在Chrome移动版中向下滚动时，绝对定位的DIV会更改位置，如何解决此问题？

Question

这是我在这里的应用https://scisaif.github.io/Budget-App/

div元素的CSS：

.add-box, .add-box-opt {
   position: absolute;
   bottom: 0vh;
   right: 0vw;
   width: 100px;
   min-height: 100px;
   border-top: 2px solid white;
   border-left: 2px solid white;
   border-radius: 80% 0 0 0 ;
   box-shadow: -1px -1px 10px rgba(211, 209, 209, 0.562);
   cursor: crosshair;
   }

即使滚动，我也希望div框保持在右下角，此问题仅发生在移动设备的chrome浏览器中。请帮忙。

滚动前： before scroll

滚动后： after scroll

Answer 1

应该使用position: fixed而不是position: absolute来解决您的问题。

这是因为position: fixed相对于视口，而position: absolute相对于最近的祖先。

请确保保留bottom: 0;和right: 0;。