javascript - 将 Iframe 放入 div 容器中

标签 javascript jquery css iframe scroll

我有一个高度为:100% 的 div(容器);我在这个 div 中有一个 Iframe,高度也为:100%;现在整个 Iframe 页面在 div 中可见。

然而,问题是 iframe 是一个长页面,可以滚动。我根本不希望滚动可见,我只希望 native 窗口滚动。

正如您在 EXAMPLE 中看到的那样

为了使网站可见,我必须为 iframe 强制使用 scrolling="yes"。我该怎么做才能避免这种情况并仅使用正文(页面)滚动?

有 javascripts 可以解决这个问题,但第二个问题是我动态加载 iframe,而不是页面加载。

最佳答案

我试过你的代码,我认为这是由于一些边距或填充导致了额外的滚动。如果您使用固定大小的 div 和 iframe,它会按照您的意愿工作(我认为)。

看看 jsfiddle here .

唯一的变化是您的 CSS,将 div 和 iframe 的高度更改为 300px。

关于javascript - 将 Iframe 放入 div 容器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11814810/

相关文章:

javascript - jQuery:serializeArray 和附加值

javascript - 脚本没有创建跨度

javascript - 如何使用 jQuery 将正文类添加到首页和内部页面?

html - Firefox 和 Chrome 中的 CSS 网格溢出行为不同

jquery 添加一个类到 $ ('<a/>' ).click(function(){...})

javascript - 使用 React 的代理设置从 Featherjs 后端获取数据

php - ajax登录问题

jquery - Uncaught Error : INVALID_STATE_ERR: DOM Exception 11 in Chrome

javascript - 改变 jquery 的动态输入

html - 如何从其他目录访问目录中的文件,当两者都在 HTML 的同一父目录中时