javascript - JS计算距视口中心的距离
问题描述
我试图在悬停时以绝对位置居中图像。但由于图像嵌套在多个 div 中,因此顶部和左侧的距离并不理想。
如何更改脚本以使其指向视口的中心?
$(document).mousemove(function(e) {
$("#image").css({
left: e.clientX,
top: e.clientY
});
});
解决方案
不完全确定您要达到的目标,但可能的解决方案可能是
$(document).mousemove(function(e) {
$("#image").css({
left: document.body.clientWidth / 2,
top: document.body.clientHeight / 2
});
});
推荐阅读
- linux-kernel - 从 tasklet 使用 i2c-device 操作
- c++ - 用不同的分隔符分割字符串
- gpu - NVRM:尽管客户端和内核版本相同,但 API 不匹配
- c# - 上一行填满时如何自动转到下一行int WPF C#?
- javascript - 根据单击的按钮使用 javascript 加载文件
- java - 在 Tomcat 服务器上从 Ionos 安装 SSL 证书,“未找到 Android SSL 连接的信任锚”
- html - 如何制作带有全角 visjs 的 flexbox 布局(2 行 - (2 列和 1 列))?
- r - 我可以将 shinytest 与从 Rmd 模板生成 PDF 的 Shiny 应用程序一起使用吗?
- r - 如何创建一个名为 Sigma 的对象?
- google-cloud-platform - PythonOperator 或 SimpleHttpOperator 发出 HTTP 获取请求并将结果保存到 GCP 存储