如何在身体上禁用溢出但不禁用iframe（Meteor.js）

Question

我正在研究Meteor POS项目。 （对于那些不了解Meteor是一个框架并且可以使用javascript / jquery和各种Web应用程序脚本的人）。该应用程序被假设为全屏POS，根本不需要滚动，但只有输入产品的区域需要滚动条（iframe）。

我遇到了一个我不知道如何解决的问题，即如何在整个页面上禁用溢出而不是iframe。我试过但有些事情却失败了：

1. 将body设置为overflow：hidden和iframe auto。当然，它不起作用，因为整个身体无法显示滚动条和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更好。

谢谢！