Jquery ipad safari空白区中的Bug
在浏览我的网站时,我有一个特定的bug: 在ipad safari中。 当第一次进入网站时,一切都很好 在safari中打开新选项卡时,视图大小会更改,因为选项卡具有高度。 因此,当打开新选项卡并返回到旧选项卡(我的网站)时 末尾有一个空白,因为它不会导致调整大小。在每一个调整中,我都给每个部分赋予了最小的高度。那么实际上我该如何解决这个问题呢? 错误图像: 最低高度代码:Jquery ipad safari空白区中的Bug,jquery,html,safari,fullpage.js,Jquery,Html,Safari,Fullpage.js,在浏览我的网站时,我有一个特定的bug: 在ipad safari中。 当第一次进入网站时,一切都很好 在safari中打开新选项卡时,视图大小会更改,因为选项卡具有高度。 因此,当打开新选项卡并返回到旧选项卡(我的网站)时 末尾有一个空白,因为它不会导致调整大小。在每一个调整中,我都给每个部分赋予了最小的高度。那么实际上我该如何解决这个问题呢? 错误图像: 最低高度代码: SetHeight(); function SetHeight() { var height=getBrowse
SetHeight();
function SetHeight()
{
var height=getBrowserHeight().height;
$(".mainSection").css("min-height",height+"px");
}
$( window ).resize(function() {
SetHeight();
});
function getBrowserHeight() {
var intH = 0;
var intW = 0;
if (typeof window.innerWidth == 'number') {
intH = window.innerHeight;
intW = window.innerWidth;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
intH = document.documentElement.clientHeight;
intW = document.documentElement.clientWidth;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
intH = document.body.clientHeight;
intW = document.body.clientWidth;
}
return { width: parseInt(intW), height: parseInt(intH) };
}
谢谢。与解决Chrome 44错误导致的问题相关
目前的解决方案
使用fullpage.js选项css:false
或我建议的选项:scrollBar:true
希望Chrome能很快修复它的错误,你就不用担心它了。??????????????????????????????????