移动设备中的固定按钮

Question

我想在移动设备中将购物车按钮固定在屏幕底部。通过推动它，显示购物车的内容。我设法做到了这一点，但它的行为非常奇怪 - 至少在我的Android手机中。当我向上滚动时，会显示地址栏，其中包含按钮的内容。停止拖动时，按钮会弹出固定的位置。

我该如何避免这种情况？

这是SCSS / CSS：

#cart-wrapper{
//display: none;
margin-top: 0;
position:fixed;
width:100%;
top:100%;
right:0;
background-color:white;
padding-top: 20px;
padding-bottom:20px;
z-index:999;
.cartIcon{
  display:block;
  background-color:white;
  position:absolute;
  right:20px;
  padding:10px;
  top:-45px;
}

}

因此，整个购物车的位置只有按钮显示，并通过推动它顶部属性是动画（javascript），以便显示其余的。

感谢您的回答！