基于视口可用性的弹出位置

Question

我正在使用Netflix / Amazon Prime视频样式弹出窗口。如何根据屏幕的可用性更新弹出窗口的位置。也就是说，如下图所示，当链接朝向窗口顶部时，弹出窗口会被切断。当主要内容靠近底部/左/右视口时会发生类似的事情。所以我想知道如何检测视口/窗口的边缘并动态地向上/向下推动弹出窗口。

网站：https://movie-popup-dinethh.c9users.io/

问题：

代码：https://github.com/DinethH/Movie-Popup