为什么iframe不会隐藏其滚动条?

时间:2016-07-25 06:45:12

标签: javascript html css html5 iframe

Google Chrome或Chromium(最新/稳定版)。

enter image description here

enter image description here

当我有一个跟随的iframe时

<style>
iframe{
  overflow:hidden;
}
iframe::-webkit-scrollbar {
  display: none; 
}
</style>

 <iframe
  src="images/tion.pdf#scrollbar=0&scrolling=0&page=1&zoom=50&scrollbar=0&toolbar=0&navpanes=0" 
  width="410px" 
  height="570px" 
  id='myiframe' 
  style='border:none;' 
  scrolling="no"></iframe>

当PDF文件包含多于1页时,似乎无法水平或垂直隐藏滚动条?

我已经尝试了stackoverflow的所有相关答案,但没有一个能解决它。

但是,当我在OSX中使用与Chrome或OSX相同的代码或在Linux上使用相同的代码时,它可以工作。当我使用Windows和Google chrome / Chromium时,它无法正常工作。

这个未知的错过了BUG或iframe的设计是这样的,当有PDF时,你不能删除滚动条吗?

2 个答案:

答案 0 :(得分:1)

尝试设置宽度和高度,如下所示:

 String selState = spinner.getSelectedItem().toString();
希望它会对你有所帮助!

答案 1 :(得分:0)

iframe中溢出的标记,将css {overflow:hidden}添加到该标记。它可能有效