Javascript jquery完整页面和IOS Safari问题
我使用的是Alvaro fullpage插件,效果很好 但我发现了一些带有IOS 9.2和safari浏览器的Iphone存在问题 我有一些代码在后加载回调,它检查什么幻灯片是可见的。若它是第一张幻灯片,我将删除滚动菜单,若幻灯片不是第一张,我将添加此类 这很好,但在方向改变时,IOS不尊重这种回调 下面是我的完整页面插件Javascript代码:Javascript jquery完整页面和IOS Safari问题,javascript,jquery,fullpage.js,Javascript,Jquery,Fullpage.js,我使用的是Alvaro fullpage插件,效果很好 但我发现了一些带有IOS 9.2和safari浏览器的Iphone存在问题 我有一些代码在后加载回调,它检查什么幻灯片是可见的。若它是第一张幻灯片,我将删除滚动菜单,若幻灯片不是第一张,我将添加此类 这很好,但在方向改变时,IOS不尊重这种回调 下面是我的完整页面插件Javascript代码: $('#fullpage').fullpage({ slidesNavPosition: 'bottom', //Scrolling
$('#fullpage').fullpage({
slidesNavPosition: 'bottom',
//Scrolling
css3: true,
scrollingSpeed: 700,
autoScrolling: true,
fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: false,
keyboardScrolling: true,
//animateAnchor: true,
recordHistory: true,
// Callback - issue on orientation change
afterLoad: function(anchorLink, index){
var loadedSection = $(this);
if(index > 1){
header.addClass("scroll-menu");
}
if(index == 1){
header.removeClass('scroll-menu');
}
}
});
我不知道如何解决这个问题。你说的“但在方向改变时,IOS不尊重这个回调”是什么意思。它在上正常工作。请尝试在header.addClass(“滚动菜单”)和header.removeClass(“滚动菜单”)之后添加console.log(索引)。然后旋转设备。而且,我说过,这个问题发生在IOS上的Safari上。Chrome运行良好。回调只会被触发一次,这是预期的行为。如果您在第一部分,为什么要检查两次?正如我所说,callbacks示例页面显示了如何触发正确的回调。