iframe 在谷歌浏览器中显示一大片空白

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe 在谷歌浏览器中显示一大片空白相关的知识,希望对你有一定的参考价值。

代码是:<iframe src="footer01.html" height="107" width="950" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

IE 678 火狐均OK 就谷歌有问题求解,多谢各位

参考技术A 用style试试
<iframe style="width:950px; height:107px;"本回答被提问者和网友采纳
参考技术B 不是楼上的问题, 你可以去试下加个name值 <iframe name="I1" height="100%" width="165" src="footer01.html" border="0" frameborder="0" scrolling="auto"> 试下这个

iScroll在谷歌浏览器中的问题

通常情况下,我们会使用iScroll.js做移动端的下拉刷新和上拉加载功能,当然,还有很多其他功能。

不过,在使用iScroll的时候,在谷歌浏览器中出现不支持的情况,即,做移动的时候,出现卡顿或是每次只下拉或上拉几像素的问题。

所以,,应该将PointerEvent关闭。

那么什么是PointerEvent?又该如何关闭呢?

简单来说就是浏览器的统一指针事件,随着科技发展,移动端也能在pc端显示和操作。

但对于浏览器来说,移动端的触控和鼠标的操作有着一定的差异,而且,触控的很多细致操作,传统鼠标操作已经不能满足...巴拉巴拉巴拉剩余的自行百度,这里就不做过多解释。

那么,谷歌该如何操作移动端的iScroll.js呢?

需要去全局关闭PointerEvent

 

chrome://flags/#enable-pointer-events

 

或者是,在局部关闭PointerEvent

<!-- 将这段代码放在 head 标签内 -->
<script>window.PointerEvent = void 0</script>

当然,根据代码自上而下加载顺序,肯定是放在iScroll.js之前啦~

 

以上是关于iframe 在谷歌浏览器中显示一大片空白的主要内容,如果未能解决你的问题,请参考以下文章

$('iframe').css('visibility','hidden') 在谷歌浏览器中不起作用

在谷歌浏览器中如何测试js代码

如何解决谷歌Chrome浏览器空白页的问题

如何解决谷歌Chrome浏览器空白页的问题

google Chrome浏览器中关于iframe问题

如何解决谷歌Chrome浏览器空白页的问题