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

标签 javascript jquery css meteor iframe

我目前正在从事 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.

感谢您的帮助!

最佳答案

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

谢谢!

关于javascript - 如何禁用 body 上的溢出而不是 iframe (Meteor.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41585110/

相关文章:

javascript - SetInterval 只调用一次,不知道为什么?

javascript - JavaScript 中的 Array.length 问题

javascript - 下拉选择导致自动水平滚动

javascript - 哪个是最好的 JavaScript 动画框架?

javascript - 当输入字段中的搜索值再次匹配时,为什么元素会多次闪烁绿色?

css - 为什么使用 VML 时需要指定以下样式?

javascript - 当输入标签中有空格时禁用提交按钮

javascript - 点击链接后如何跳转到页面顶部?

jquery - 检索多页表中DataTable的最后一行

mysql - 合并具有使用 codeigniter 和 mysql 动态生成的不同货币的同一用户的行