在代码中已经有了对于高和宽超过 150px 的图片的处理,只需要在这个条件下加入固定在页面右上方的代码即可。修改如下:

if (img.width > 150 || img.height > 150) {
    tooltip.style.position = 'fixed';
    tooltip.style.right = '15%';
    tooltip.style.top = '10px';
}

这样,当图片高或宽超过 150px 时,ToolTip 就会固定在页面的右上方。另外,为了使 ToolTip 固定在离页面右侧 15% 的位置,可以将 tooltip.style.right 的值修改为 "15%"。

JavaScript ToolTip 样式调整:图片尺寸过大时固定在右上角

原文地址: https://www.cveoy.top/t/topic/ohA8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录