我有一个固定的位置标签，类似于您在许多网站右侧看到的反馈标签。它总是在页面的右侧大小，在桌面上总是在视图中。
目前的CSS是：
cursor: pointer;
height: 120px;
margin-top: -60px;
position: fixed;
right: 0;
top: 50%;
width: 40px;
但是，我们希望当ipad / iphone在页面周围进行缩放和平移时，可以看到该选项卡，无论位置和缩放如何，都可以在视口的右侧保持选项卡可见。通过这种方式，ipad用户可以随时查看并单击它以打开面板。
有没有办法使用翻译或类似的CSS？
我目前的解决方案是将事件添加到手势和touchstart / touchend，然后通过基于zoomfactor，clientWidth，innerWidth和xOffset进行计算来定位标签。
目前这种情况表现不佳，如果可能的话，我正在寻找一种更简单的解决方案。在iOS设备上具有良好性能的一个（我见过很多不能很好的例子）。我希望标签在所有动作中保持在视野中，而不是仅仅重新定位在touchend上。
任何提示或建议？
谢谢！