vue鼠标右键弹出的页面位置设置

img


需求是当鼠标右键时,弹出的翻页位置始终在鼠标的右下角,
我遇到的问题是,右键时,翻页位置始终不固定,忽上忽下(相对于鼠标位置),当滚轮滚动时,弹出的翻页离鼠标位置更远,怎么能让弹出的翻页始终在鼠标的右下角,最好有代码让我参考一下,谢谢

1.弹出的这个元素相对于视口定位fixed,
2.然后监听鼠标的右键事件,获取鼠标位置,元素的位置等于鼠标位置,要注意边界判断不要超出到窗口外面去了
3.监听鼠标移动事件,重新获取鼠标位置,并设置元素位置