Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery完整页面和IOS Safari问题_Javascript_Jquery_Fullpage.js - Fatal编程技术网

Javascript jquery完整页面和IOS Safari问题

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

我使用的是Alvaro fullpage插件,效果很好

但我发现了一些带有IOS 9.2和safari浏览器的Iphone存在问题

我有一些代码在后加载回调,它检查什么幻灯片是可见的。若它是第一张幻灯片,我将删除滚动菜单,若幻灯片不是第一张,我将添加此类

这很好,但在方向改变时,IOS不尊重这种回调

下面是我的完整页面插件Javascript代码:

$('#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示例页面显示了如何触发正确的回调。