如何在调整窗口大小后在可​​视区域内获取元素？

Question

我在页面上有一个工具提示，它出现在悬停元素（比如锚点）上。当窗口调整大小时，我希望该工具提示仅在可视区域内，意味着它应相应地调整其位置。 谁能救我？

请仅使用javascript（不是jQuery）提供解决方案。

Answer 1

在resize对象上为window事件添加侦听器。然后使用window.innerWidth和window.innerHeight将工具提示重新定位到可用区域。

window.addEventListener('resize', function(evt){

    /*use window.innerWidth and window.innerHeight to calculate available area
      to reposition tooltip*/

}, false);