当从JavaScript滚动到底部时,Firefox移动设备会调整屏幕大小

时间:2016-09-06 15:48:58

标签: javascript firefox

我现在面临一个非常有趣的情况,我想问一下,我有一个从任何设备(平板电脑,智能手机,笔记本电脑等)调用的网站,我只有一个问题智能手机上的Firefox,就是这样的场景:

有一个页面最后有一个文本框,当文本框聚焦键盘出来时(我的意思是在智能手机中)并占据屏幕的一部分,供用户查看文本框,什么是他写的我在滚动到页面末尾的文本框的 onfocus 事件中执行了一个javascript函数,我尝试了两个具有相同结果的不同aproaches:

-Xloggc:/tmp/application_${appid}/container_${contid}/gc-@taskid@.log -verbose:gc -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCDateStamps -XX:+PrintCommandLineFlags

这里tBox是文本框,我只是在600毫秒后向下滚动。

function scrollToMe(tBox) {
var element = document.getElementById(tBox);
setTimeout(function () { element.scrollIntoView(true); }, 600);
return false;}

这里我将滚动应用于普通div。

这两个功能在我测试过的所有移动浏览器中运行都很完美,除了在Firefox中,上面提到的div没什么特别的,只是在css中有 overflow:scroll; 属性,这是它的外观我测试的所有其他移动浏览器中的向下滚动功能后的页面:

enter image description here

页面移至最后,适用于Chrome,Opera Mini,Safari,Dolphin,默认Android浏览器,Web浏览器,Chrome Dev和Ghostery。

但这是执行滚动功能后Mozilla所做的事情:

enter image description here

它只调整了div的大小,仅限于Smarthphones中的Firefox 这样做了,经过8个多小时试图解决它并在互联网上搜索有关如何操作的任何线索我想询问是否有人知道可能是什么问题。  我正在测试一个Galaxy Note 4,一个Galaxy S4和Galaxy S3 Mini(所有这些都是Firefox 48),它在所有这些中也是如此。

非常感谢任何回答和评论。

0 个答案:

没有答案