在视口中重新定位时,如何将可点击区域与画布对齐?

时间:2015-09-23 22:59:27

标签: javascript jquery html css canvas

我甚至不知道我是否正确地提出这个问题。我必须在不使用iframe的情况下主持第三方游戏,但我要求为主机实体添加横幅。在视口顶部占用60像素,代码(我无权访问)依赖于使用。顶部的横幅导致内容在视口底部下方延伸到溢出区域。所以我在canvas元素中添加了样式以补偿顶部丢失的空间:

max-height:calc(100vh - 60px);

但这会搞砸垂直居中,所以我也需要:

position:absolute;
top:60px;

有。现在一切看起来都很棒在你需要将鼠标指向某个东西之前,你发现你可以点击的唯一方法是将它指向可见点击目标下方约60px。

所以我的问题是:我怎么能“欺骗”我看不到的代码,认为视口比现实短60px(垂直),因此点击区域与其可见对应物对齐?

0 个答案:

没有答案