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

Question

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

请仅在 javascript 中给出解决方案（不是 jQuery）。

Answer 1

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

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

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

}, false);