javascript - 如何禁用 body 上的溢出而不是 iframe (Meteor.js)

Question

我目前正在从事 Meteor POS 元素。 (对于不知道 Meteor 是一个框架并且可以使用 javascript/jquery 和各种网络应用程序脚本的人来说)。该应用程序假设是一个完全不需要滚动的全屏 POS，但只有进入产品的区域需要滚动条(iframe)。

我遇到了一个不知道如何解决的问题，就是如何禁用整个页面的溢出，而不是iframe。有几件事我尝试过但失败了:

1. 将正文设置为溢出:隐藏和 iframe 自动。这当然是行不通的，因为整个主体无法显示滚动条，而 iframe 嵌入其中。

2. 使用 onmouseenter (mouseover) 和 onmouseleave (mouseout) 来监听更改，并使用 javascript 或 jquery 在隐藏或自动之间切换。我试过了，甚至登录了控制台，但由于某种原因它不想在 meteor.js 中工作。即使它有效，我认为主页滚动条也会显示我不想要的。

Here is an image, the top and bottom is part of the body and the middle part filled with items are using iframe.

感谢您的帮助!

Answer 1

axel.michel 在评论中已经回答了。总体而言，这是比使用 iframe 更好的解决方案。

谢谢!