首页 > 解决方案 > JS计算距视口中心的距离

问题描述

我试图在悬停时以绝对位置居中图像。但由于图像嵌套在多个 div 中,因此顶部和左侧的距离并不理想。

如何更改脚本以使其指向视口的中心?

$(document).mousemove(function(e) {
  $("#image").css({
    left: e.clientX,
    top: e.clientY
  });
});

标签: javascript

解决方案


不完全确定您要达到的目标,但可能的解决方案可能是

$(document).mousemove(function(e) {
  $("#image").css({
    left: document.body.clientWidth / 2,
    top: document.body.clientHeight / 2
  });
});

推荐阅读