关于<iframe>中的滚动条

Question

我在我的网站上创建了一个＆lt; iframe＆gt; 代码（滚动设置为yes）。当在计算机上的浏览器中查看网站时，滚动条是可见的，但在移动浏览器上（安卓，我没有检查其他内容）滚动条不可见。

＆＃xA;＆＃xA;

我想知道是否有任何方法可以让移动浏览器知道可以滚动部分（包含iframe）？为此，我不想在我的网站上添加文本行。

＆＃xA;＆＃xA;

Thanx

＆＃xA;

Answer 1

Try wrapping the iframe in a div and add the following styles:

Snippet

/* The last 2 styles are important, and the rest varies */

.scroller {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
/* The style for iframe varies */

.scroller iframe {
  height: 100%;
  width: 100%;
}

<div class="scroller">
  <iframe src="//example.com" scrolling="yes"></iframe>
</div>